Utilizando o FLV Embed [Wordpress Plugin]
Como fiz questão de citar nesse artigo, hospedar os vídeos no seu próprio servidor trás muitas vantagens mas como fazer isso é o que veremos aqui. O único requerimento, além da utilização do Wordpress como plataforma de CMS, é que seu plano de hospedagem propicie espaço o suficiente para que os arquivos sejam hospedados localmente, não é preciso tanto visto que vídeos nesse formato são em geral bem compactos.
Existem diversos plugins para embutir vídeos no seu site, e após vários testes não encontrei nenhum que me surpreendesse mais com sua eficácia, facilidade de uso e quantidade de recursos que o FLV Embed. Em primeiro lugar, baixe o plugin através deste link e após ativá-lo vá no menu “Options/FLV Embed” encontrando uma inferface como esta (clique para ampliar):
Dentre suas opções, a mais importante é a “Path to FLV directory” aqui você especifica o diretório onde seus vídeos serão guardados e “Path to poster directory” onde ficarão as imagens representativas de cada vídeo (as que aparecem antes do visitante mandar reproduzir) que devem estar com o mesmo nome do arquivo de vídeo excetuando-se claro a extensão. Estes são valores opcionais mas evitam que você coloque todo o caminho do arquivo na hora de adicioná-lo ao artigo.
Desta maneira após enviar ao servidor, por exemplo, o arquivo LoveHina-TeenageDirtbag.flv para a pasta de vídeos e LoveHina-TeenageDirtbag.jpg para a pasta de imagens (pode ser a mesma pasta) você precisará apenas colocar no artigo a seguinte referência (não é necessário alternar para a edição de código):
(flv:LoveHina-TeenageDirtbag.flv 480 360)
Substituindo os (parênteses) por [cochetes].
Para que no seu artigo seja exibido o vídeo abaixo:
Onde 480 e 360 são respectivamente a largura e altura que o vídeo apresentará ao ser exibido. Isso é apenas o básico, o programa oferece recursos avançados como Videomap XML, personalização do player, adição de marca d’água entre várias outras funcionalidades.
Artigos Relacionados:
Tags: flv,plugin,video,wordpress
(2 votes, average: 3 out of 5)
Loading ...
Ainda não testei, porém, obrigado pela dica, estava procurando um Plugin para isto.
Olá Joel, gostei do post e vou habilitá-lo em meu blog, ainda criando.
Mas cheguei aqui por outro motivo, queria saber como você deixa sua assinatura automática, é algum plugin ou algum comando em php? Ou no seu tema isso já vem pronto?
Olá Renato,
Imagino que você esteja referindo-se ao logotipo localizado na direita superior dos clipes. Não é outro plugin nem php, é bem mais simples… é apenas uma imagem, que no caso está localizada em http://www.joelteixeira.net/data/video/images/tjrlogo2.png. Na janela de configuração do próprio plugin existe um campo chamado Logo é aqui onde vai o endereço da imagem que será exibida juntamente com o vídeo.
Vale salientar que o melhor formato para isso é PNG com fundo transparente.
Na verdade não é isso Joel, mas foi interessante a dica, o que estava interessado não tem relação direta com o post.
No final de um post qualquer do blog aparece as estrelas para classificação e abaixo aparece creio que uma assinatura já pré-definida. A minha dúvida é a respeito dessa assinatura.
Deixei mal explicado no comentário, e também não é relacionado com o post, peço desculpa pela bagunça.
Ahhhh… Falha nossa, erro de interpretação meu também. Sobre não ser relacionado com o post, não tem do que pedir desculpa.
Vamos lá, trata-se de uma função PHP com o seguinte conteúdo:
Lembrando que os caracteres ‘>’ e ‘< ' foram substituídos por ']' e '[' para que não fossem interpretados aqui.
Após testar se surgir alguma dúvida pode mandar aqui, é um excelente plugin certamente você vai gostar Efraim.
[]’s
Olá Joel, tudo bem?
Parabéns pelo seu artigo, estou tendo um probleminha e espero que você possa me ajudar. O vídeo está funcionando normalmente aqui no seu artigo? Pelo IE eu não consigo vê-lo, somente com o Mozilla Firefox. Meu blog está em desenvolvimento e gostaria de saber se tem como solucionar este problema, será que é só comigo ou todos os meus visitantes que utilizarem o IE vão ter o mesmo problema? E gostaria que, se não fosse muito trabalho, explicasse melhor como inserir o vídeo em um post pois, quando digito esta linha de comando que você informou em seu artigo, com as devidas modificações, na parte CÓDIGO e depois vou ver o resultado em visual, aparece somente a linha de código, nada mais. Uso o IE 7. Muito obrigado e abraços…
Leonardo, bom dia.
Realizei alguns testes e não identifiquei problemas. Fiz uma instalação do “Windows XP” do zero em uma máquina virtual e consegui ver o vídeo no IE sem problemas após instalação do Adobe Flash Player através da URL http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash
É bem improvável este problema esteja relacionado ao seu blog Leonardo, é mais fácil ser algum problema na instalação ou configuração do IE.
Se ao colocar o código na edição do seu artigo e após postagem você visualiza o próprio ao invés do vídeo há algum problema na instalação do plugin.
Qual o endereço do seu blog e versão do seu Wordpress?
Olá, boa tarde.
Meu blog ainda esta em localhost, ainda não o publiquei. O vídeo do seu artigo eu só vejo com o firefox. O IE que uso, aparece o espaço do player em branco e nada mais. Meu Wordpress é a ultima versão. O que pode ser? Um abraço…
Leonardo,
Talvez exatamente por estar utilizando o mesmo através da máquina local você esteja encontrando tais problemas. Gostaria que você me dissesse a versão do Apache, PHP e que sistema operacional você está utilizando para que eu possa entender melhor o cenário onde o problema está ocorrendo.
Sobre problemas com meu site sob utilização do IE, testei tanto na minha máquina como na máquina que utilizo no trabalho e em ambas pude ver o vídeo normalmente. Se você está encontrando problemas acredito uqe seja em virtude da versão do Flash Player que você está utilizando.
Sobre sua instalação do Wordpress, se é a última então trata-se da 2.3.3. No Painel de administração, aba extensões - Você pode ver o plugin FLV Embed devidamente instalado? Se sim, como estão as configurações no Menu Opções/FLV Embed?
No aguardo,
abraços.
Olá, bom dia!
Provavelmente o problema será este, estar usando o wordpress em local host. O plugin está corretamente instalado e so troquei as configurações Path to flv directory: http://localhost/data/imgvideos/ e poster com o mesmo caminho. Está errado a forma do caminho por ser localhost? E tenho um probleminha com um tema, ele é muito bom para o que quero mas aparece um erro quando o habilito e clico em ver site. O tema é: Beauty Bling 1.0 e o erro é: Parse error: parse error, unexpected T_ENDWHILE in C:\Arquivos de programas\EasyPHP 2.0b1\www\wp-content\themes\beauty-bling-10\index.php on line 40. Sabe o que pode ser? Não sou perito em programação mas parece estar tudo certo na linha 40 em comparação com outros temas. Você poderia dar uma olhadinha pra mim? Muito obrigado mesmo. Aqui você poderá vê-lo: http://themes.wordpress.net/testrun/ . E quanto ao FLV Plugin, o meu blog só terá sentido se o mesmo funcionar, é o diferencial, entende? Estou usando o programa Easy PHP. Abraços…
Mais uma coisa… De todos os blogs que já pedi ajuda, você foi o único que demonstrou interesse em me ajudar. Parabéns! Depois perguntam o porque do sucesso de alguns blogs, você realmente se dedica. Abraços…
Muito obrigado pelo elogio Leonardo, se eu pudesse me dedicaria ainda mais… obrigações do cotidiano :-) vou fazer alguns testes e ainda hoje respondo com mais detalhes.
Abraços.
Os testes ainda continuam, mas apenas pra te adiantar algo:
O campo “Path to FLV directory” não deve ser escrito em forma de URL e sim na forma de diretório (unix-like). Aqui no TJR por exemplo apesar dos vídeos estarem alocados em “http://www.joelteixeira.net/data/video/” eu tenho de utilizar nas confiurações apenas “/data/video/” ou seja, o caminho que está acima da pasta “www” ou mais corretamente “public_html”. Gostaria que você fizesse esse teste pois creio que existam limitações por parte do plugin ao ser utilizado na máquina local (ainda mais por ser windows, que tem uma estrutura de diretórios diferente das encontradas nos servidores web internet a fora).
Boa tarde Joel!
Consegui fazer funcionar, o engraçado e que agora eu vejo normalmente em meu blog os vídeos com o IE ou com o MOZILLA, mas aqui no seu blog, não consigo ver o vídeo com o IE, somente com o MOZILLA. Agora só falta aquele probleminha com o tema que citei em outro comentário. Se puder verificar o que esta ocorrendo, muito obrigado pela ajuda! Abraços…
Opa, menos um problema. Tava esperando seu retorno pra dar proseguimento, vou instalar o tema e ver se o erro acontece comigo.
Provavelmente amanhã te passo alguma novidade.
Abraços.
Olá Joel, e aí? Alguma novidade? Abraços…
Não tive qualquer falha usando o tema Leonardo. O link que você passou é o testrun do tema Default (aquele que já vem agregado a instalação do WP). Uma dúvida: o erro acontece unicamente com esse tema ou com outros temas você recebeu a mesma mensagem?
Só com esse… Então você baixou e usou normamente? Engraçado, aqui dá aquele erro quando tento ver como ficou o site. Me diz uma coisa, será que ele pode não ser compatível com algum plugin? Você o testou online ou em localhost? Eu faço todos os testes em localhost. Vou ver aqui… Muito obrigado e abraços…
Leonardo, usei normalmente inclusive cheguei a ver um vídeo no outro tema sem problemas. Sobre as perguntas que você fez, respondi abaixo separadamente.
1. Não precisei baixar, o tema ao qual você se referiu (http://themes.wordpress.net/testrun/) é o default da instalação do WP. Simplesmente alternei entre o tema que uso e o Default que já veio instalado.
2. Para descobrir se é imcompatível com algum plugin, vai na aba extensões e clica em “Desativar Todos”, se o problema não ocorrer você ativa um a um pra saber qual o plugin que está gerando a incompatibilidade.
3. Online
Olha, se possível joga esses arquivos para algum servidor e testa online pra sabermos se seria esse o problema.
Abraços, identificando o problema avisa aqui só pra em uma nova ocasião eu já saber do que se trata =)
Olá Joel, boa noite!
Queria lhe pedir um favor, aliás, outro! Como que você deixou o seu player com essa cara, ta bem bonito. Lá no setup acho que não dá para fazer isso. Se puder me explicar… Muito obrigado e abraços…
Joel, cara, acho que você vai encher o saco com minhas dúvidas! kkk… Só quera saber se tem como proibir os usuários de ler certos posts, somente usuários cadastrados ou registrados poderiam ler. E os cadastros desses usuarios seriam feitos somente por mim o administrador. Eu enviaria um e-mail com uma senha para eles. Tem algum plugin pra isso? Muito obrigado, se isso for possível vai ser perfeito. Abraços…
Não se preocupa com isso, se eu puder ajudar pode ter certeza que farei isso de bom gosto. =)
Sobre a interface do player:
Background colour: 000000
Texts, buttons colour: FFFFFF
Rollover, active colour: FFFFFF
Display background colour: FFFFFF
Sobre a dúvida com filtragem
Você pode adicionar senha ao artigo, observe o campo “Senha do Artigo” na área de edição.
Joel, muito obrigado… Tenho aprendido muito com você e quando o meu blog estiver pronto, você será o primeiro a ver. Abraços…
Fico feliz em poder ajudar, grande abraço.
Bom dia Joel, Tudo bem? Existe algum plugin para colocar os banners de parceiros na sidebar? Ou você usa algum editor para isso. Me explique como funciona isso, queria algo tipo o sedentario.org. Que tem aquele monte de banners pequenos dos parceiros. Como faço? Obrigado e abraços…
Leonardo, isso normalmente é adicionado ao menu lateral através de código html. Para isso pode-se usar o widget de texto.
Para criar um logotipo pode usar qualquer editor de imagens como Gimp, Photoshop, Fireworks etc. E o código html basicamente irá incluir essa imagem com um link para seu site.
Abraços
Certo, tenho então que editar o sidebar.php e colocar os códigos HTML lá? Quanto a fazer os logos, tranquilo. A dúvida é qual arquivo modificar. Joel, mudando de assunto, dê uma olhada nesse endereço aqui {http://www.cabel.name/draft1/2008/02/fancyzoom-10.html} e me diz onde coloco os códigos para a instalação. Minha maior dificuldade é identificar isso, pois, não identifico onde fica o ou o nos arquivos do wordpress. E alguns comandos devem ser colocados lá. Tem alguma manha, ou seja, um arquivo mestre.php no wordpress onde eu encontre essas tags? Tenha uma boa noite. Abraços…
ficou faltando… o {BODY E O HEAD}, onde fica isso?
Leonardo, acredito que aqueles códigos devam ser adicionados ao index.php da pasta do seu tema.
Checa e diz o que encontrou, isso varia muito de tema para tema.
Olá Joel, tudo bem?
Estou tentando inserir aquele ícone do Pag Seguro no meu blog, não sei se você conhece esse serviço. Estou com uma dificuldade enorme em colocar o código gerado na side bar. Estou tentando pelo sistema de links blogroll e não funciona. Tem alguma maneira de adicionar links com imagens na sidebar de maneira mais fácil? Gostaria que ficassem dentro de uma categoria igual a sua REGISTRE-SE. O código é assim:
[código suprimido]
Onde coloco isso, em qual arquivo?
Muito obrigado!
[código]
Onde coloco isso, em qual arquivo?
Muito obrigado!
Leonardo, boa tarde.
Editei o comentário pois como o código estava tentando ser interpretado ficava apenas o espaço e as barras. Realmente não conheço esse plugin, a melhor alternativa é entrar em contato com alguém que já o utilize.
Abraços
Tenho dúvidas, e acho que o amigo pode me ajudar. instalei o plugin certinho só que quando vou na categoria que ele está aparece todo o codigo do java. como faço para ocultar?
desde já agradecido.
o link http://www.3djlc.com/category/outros/
Olá Joilson, olhei o link que vc passou e tive um problema muito parecido ao utilizar o “xspf player” gostaria que dissesse de forma detalhada como vc está adicionando o vídeo ao artigo.
Estou enserindo da seguinte forma: [flv:/video/media/pdf1.flv 480 368]
Como estão as configurações no campo “Path to poster directory”? Nele deve ser especificado o caminho onde os arquivos ficarão.
Coloque no campo “Path to poster directory:”
/video/media/
E tente colocar o vídeo assim:
[flv:pdf1.flv 320 240]
Retorne para dizer como foi ok.
Abraço
joel fiz como está descrito acima, mas… continua o problema. será que é o meu tema ? ou alguma configuração do plugin.
Como assim continua o problema amigo? acabo de ver no seu site que o vídeo está ok.
Explique por favor.
Joilson, após alguns testes percebi que na verdade toda a sua configuração está correta. O que você pensa tratar-se de um erro na verdade é uma configuração nativa do wordpress.
Vamos entender o que acontece:
Adicionamos o vídeo ao artigo para que as pessoas possam visualizar este vídeo seja na página principal ou na página do próprio artigo certo? Então vamos a um exemplo prático…
1 - Na página principal do meu site (nesta data), podemos ver que o primeiro artigo exibe um vídeo da banda “Good Charlotte”. Isso para a url:
http://joelteixeira.net
2 - Na página do próprio artigo, ou seja, em sua visualização individual também percebemos que não há qualquer distorção no código e conseqüentemente é possível assistir ao vídeo sem problemas. Neste caso, a url passa a ser:
http://joelteixeira.net/archives/good-charlotte-change/
3 - Porém você perceberá o mesmo “erro” encontrado no seu site através do link abaixo:
http://joelteixeira.net/?s=good charlotte
O que aconteceu para que no terceiro caso ao invés de ver o vídeo eu visualizasse um código que para a maioria das pessoas não vai fazer sentido algum?
Resposta: O que você está vendo é o resultado de uma pesquisa e por isso os artigos aparecerão truncados/cortados. O wordpress não pode cortar o vídeo no meio, e ao invés de colocar apenas a string “[flv:exemplo.flv 320 240]” ele pega a saída deste comando (que é exatamente o que você verá se na página onde está o vídeo você clicar em “Exibir código fonte” no seu navegador) e joga junto a pesquisa.
É algo desagradável, mas normalmente é definido nas configurações dos temas (talvez em 99% deles). Eu particularmente classificaria isso mais como uma limitação do que um erro, pois a pesquisa/visualização de artigos por categoria estão fazendo o que deveriam: simplificar os resultados para uma melhor visualização. Infelizmente nesse caso, o tiro sai pela culatra.
É por isso que você vê apenas código na url:
http://www.3djlc.com/?s=pdf
Mas pode ver o vídeo perfeitamente em:
http://www.3djlc.com/alterando-arquivo-pdf/
Abs,
Joel Teixeira
Amigo, muito boa a sua explicação deu pra tirar as minhas dúvidas.
Obrigado por sua atenção.
Fico feliz em ter ajudado amigo.
Joel.
Salvei o arquivo de imagem e de videos na pasta www do Easy PHP,com o mesmo nome videoteste. Estou usando o word localhost! Fiz os procedimentos que vc citou em relação a instalação do plugin. e aos menu de opções do FLV Embed. Mas so aparece a imagem do player sem aparecer o video? O que houve.. ?
Francisco, acabo de fazer uma instalação do wordpress com EasyPHP. Instalei e utilizei o FLV Embed sem qualquer problema.
É provável que você tenha definido algum item de configuração do FLV Embed erroneamente. Cheque a configuração e diga-me o que está definido em:
Path to poster directory:
Poster image extension:
Path to FLV directory:
No aguardo.
Chequei a configuração
No Path to poster diretorio defini o seguinte caminho : /imagens/videoteste/
Poster Image extension; jpg
No Path to FLV Diretorio defini o seguinte caminho:
/videos/videoteste
Usei uma imagem qualquer não retirada do vídeo outra imagem somente pra teste, mas na extensão jpg
O player aparece. Mas não aparece a imagem prévia..o video esta rodando perfeitamente. Só não entendo por que a imagem prévia não aparece
O comando que digitei é diferente do que vc passou
(flv:videoteste.flv 480 360)
Este quando digito no artigo não funciona
e troquei os parenteses pelo colchetes
So funcionou dessa forma
[flv:/videos/videoteste.flv 480 368]
Qual seria o problema então? O player executa o video. mas a imagem prévia não aparece!
Francisco,
O comando que passei é com colchetes, repare que no artigo explico que os () tem de ser substituídos por []. Se eu colocasse os colchetes no exemplo eles seriam interpretados pelo plugin e o que apareceria seria o player.
Usando estas configurações
Path to poster: /imagens/videoteste/
Path to FLV: /videos/videoteste
Você tera de configurar dentro da pasta www (do EasyPHP) a seguinte estrutura de diretórios.
/imagens/videoteste
/videos/videoteste
Como exemplo ficaríamos com:
C:\Program Files\EasyPHP 2.0b1\www\imagens\videoteste
e
C:\Program Files\EasyPHP 2.0b1\www\videos\videoteste
No primeiro você deve colocar os arquivos jpg, com o MESMO nome do vídeo e no segundo os vídeos FLV. Detalhe: se você já especificou o caminho absoluto na configuração do FLV Embed não deve haver necessidade de colocar todo o caminho do arquivo flv no momento de adicionar ao post.
—-
Vou mostrar como configurei em minha instalação local e você pode fazer um espelhamento.
Path to poster directory: /data/video/images/
Repare que nessa seção existe uma caixa de seleção onde está escrito “Display poster image for embedded FLV movies” e que necessariamente deve estar marcada.
Poster image extension: png
(Utilizo o formato PNG por questões particulares, deve funcionar com jpg e gif igualmente. Apenas utilize PNG se seu programa de imagens tiver capacidade de salvar nesse formato - não adianta apenas renomear o arquivo.
Path to FLV directory: /data/video/
–
Como está minha estrutura de diretórios?
–
Onde coloco os arquivos FLV
C:\Program Files\EasyPHP 2.0b1\www\data\video
–
onde coloco os arquivos PNG
C:\Program Files\EasyPHP 2.0b1\www\data\video\images
–
ou seja, levando em consideração que o arquivo em questão seja o exemplo.flv ficaríamos com:
C:\Program Files\EasyPHP 2.0b1\www\data\video\exemplo.flv
e
C:\Program Files\EasyPHP 2.0b1\www\data\video\images\exemplo.png
e na hora de acionar o vídeo ao artigo precisamos apenas colocar:
[flv:exemplo.flv 320 240]
Peço que faça novos testes e me dê um retorno.
[]’s
Joel..
Segui as suas orientações e ficou perfeito..o player esta rodando como queria coim imagem previa.. e da ate pra colocar a logo………….. em png. Pena que to sem photoshop.. queria por ela de fundo transparente. No mais tudo bem.
Gostaria que me dissesse como faço para “fazer um embed” do video. E possivel fazer o embed dele em localhost e incorporá-lo em meu blog.. Meu objetivo é usar o FLV embed para colocar vídeos no blog, colocando em localhost e depois fazendo o código embed.. Póde me dar uma força nesse aspecto
Atenciosamente..
Francisco
Ola,
Bem fiz a instalação do plugin mas estou com um problema aqui no blog eu vejo certinho os videos e o player mas no meu site fica aparecendo
Get Flash Player to see video player
Eu ate traduzi essa frase para que seja bem entendido pelo pessoal que comecar a frequentas a questao e nao importa o quando se instale o flsh o video nao aparece
Olá Ronaldo,
Por gentileza me dê o endereço de um artigo que contenha a mensagem para análise. Essa mensagem apenas deve aparecer no caso do flash não estar instalado ou em situações onde o artigo é truncado como acontece em algumas buscas internas no site por exemplo.
No aguardo.
Olha, eu achei muito bom esse teu blog. Parabéns.
O seu artigo é muito bom, só que tenho uma duvida, tem como eu fazer isso em meu blog e colocar o vídeo em outro local? como uma pagina externa, como o youtube faz deixando um link pra quem quizer colocar os videos dele em outra pagina sem ser do youtube, sem tiver jeito teria como fazer uma brevia explicação? agradeço
att,
Eddie
Eddie,
Desculpe a demora amigo, ando muito ocupado esses dias. Infelizmente a resposta para sua pergunta é não. Esse é um recurso que já foi questionado algumas vezes na página da desenvolvedora e até foi cogitado sua inclusão em versões futuras, mas no momento permanece indisponível.
Abraços.
Joel agradeço pelo exclarecimento, tomara que em versões futuras venha com este recurso, seria de grande utilização!
Deixe seu comentário!
Galeria
Citações
— Pablo Picasso
Contato
Random Posts
Posts recentes
Comentários
Páginas
Categorias
Calendário
Assine
Translate
Top Commentators
Blogroll
Shared
Promotional
Powered by
Receba atualizações por e-mail
Tag Cloud
Mais Enviados
Mais Comentados
Mais Populares