Curta Nossa Página do Facebook!


  • Desenvolvido Por Iago Melanias

    Colocando um Player de Vídeo com HTML5

    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>



    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.

    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

    2 comentários:

    1. 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?

      ResponderExcluir
    2. Qual programa usar para hospedar os videos?

      ResponderExcluir