.jpg){kind=small}
Olá pessoal, jás ensinei como Colocar um Player de Áudio com HTML5, agora vou ensinar como colocar um Player de Vídeo com HTML5, o código é quase o mesmo, o que muda é a compatibilidade, que é mais complexa e mais trabalhosa e a conversão, o código é bastante simples e o Player é bem parecido com o do Áudio, com aquele estilo cinza com branco e azul, e com aquela mesma leveza do HTML5. O Player precisa executar com 3 formatos para poder funcionar em todos os navegadores. Mas para ficar mais fácil, podemos usar apenas um formato, ele só deixará de funcionar no IE e no Safari. Esse Código dispensa o uso de Players muito complicados e sofisticados, com um código simples e fácil e sem uso de javascripts pesados.
CÓDIGO PARA USO:
<video width="320" height="240" controls="controls">
<source src="ENDEREÇO DO VÍDEO EM MP4" type="video/mp4" />
<source src="ENDEREÇO DO VÍDEO EM OGG" type="video/ogg" />
<source src="ENDEREÇO DO VÍDEO EM WEBM" type="video/webm" />
Infelizmente Seu Navegador Não suporta Vídeos na Tecnologia HTML5.
</video>
CÓDIGO PARA MAIS SIMPLES:
<video width="320" height="240" controls="controls">
<source src="ENDEREÇO DO VÍDEO EM OGG" type="video/ogg" />
</video>
Substitua o Texto Negritados em Preto pelo Endereço do Vídeo no Formato OGG
O texto Negritado em Azul é a Largura da Caixa de Vídeo, e em vermelho, a altura.
O Texto em Roxo é a Mensagem que aparece quando o Navegador não é compatível.
Atenção: No modo mais simples, o Player de Áudio não aparece no Internet Explorer e no Safari, mas em compensação, só precisamos usar um formato.
DEMONSTRAÇÃO:
ONDE USAR O CÓDIGO?
Você pode usar o código onde quiser, pode usar em Laterais, em Postagens, no corpo do Blog. Para adicionar em uma Postagem, é só criar uma Postagem e colocar o código substituindo os textos Negritados pelos links do Vídeo. Para adicionar na sua Lateral, basta apenas você adicionar um gadget Javascript/HTML com o código para Uso, lembrando de substituir os Links Negritados. Para Adicionar no Corpo do Blog fica mais complicado, adicione entre <body> e </body>, lembrando que existe uma div para cada parte do blog, então é recomendável adicionar em Postagens e na Lateral.
pronto galera
CÓDIGO PARA USO:
<video width="320" height="240" controls="controls">
<source src="ENDEREÇO DO VÍDEO EM MP4" type="video/mp4" />
<source src="ENDEREÇO DO VÍDEO EM OGG" type="video/ogg" />
<source src="ENDEREÇO DO VÍDEO EM WEBM" type="video/webm" />
Infelizmente Seu Navegador Não suporta Vídeos na Tecnologia HTML5.
</video>
Substitua os Textos Negritados em Preto pelo Endereço do Vídeo no Formato Informado
O texto Negritado em Azul é a Largura da Caixa de Vídeo, e em vermelho, a altura.
O Texto em Roxo é a Mensagem que aparece quando o Navegador não é compatível.
<video width="320" height="240" controls="controls">
<source src="ENDEREÇO DO VÍDEO EM OGG" type="video/ogg" />
</video>
Substitua o Texto Negritados em Preto pelo Endereço do Vídeo no Formato OGG
O texto Negritado em Azul é a Largura da Caixa de Vídeo, e em vermelho, a altura.
O Texto em Roxo é a Mensagem que aparece quando o Navegador não é compatível.
Atenção: No modo mais simples, o Player de Áudio não aparece no Internet Explorer e no Safari, mas em compensação, só precisamos usar um formato.
DEMONSTRAÇÃO:
ONDE USAR O CÓDIGO?
Você pode usar o código onde quiser, pode usar em Laterais, em Postagens, no corpo do Blog. Para adicionar em uma Postagem, é só criar uma Postagem e colocar o código substituindo os textos Negritados pelos links do Vídeo. Para adicionar na sua Lateral, basta apenas você adicionar um gadget Javascript/HTML com o código para Uso, lembrando de substituir os Links Negritados. Para Adicionar no Corpo do Blog fica mais complicado, adicione entre <body> e </body>, lembrando que existe uma div para cada parte do blog, então é recomendável adicionar em Postagens e na Lateral.
pronto galera
Cara,é um player desse que eu to precisando, o unico incoveniente é que apertando o direito no player tem como baixar o video. Como faço pra desabilitar a(s) função(es) do botão direito?
ResponderExcluirQual programa usar para hospedar os videos?
ResponderExcluir