Como incorporar vídeo em uma página web html5

o vídeo elemento é um dos recursos mais esperados do HTML5. Com essa tag, você pode inserir vídeos em uma página web sem a necessidade de um plug-in como o Flash. O código a seguir inclui uma mensagem útil para os usuários que não podem ver o vídeo esperado:

o própria tag é bastante simples de entender, mas a implementação real é um pouco complexo. HTML5 indica um vídeo tag, mas não especifica qual o formato do navegador irá apoiar, e, claro, todos os fabricantes de navegadores têm uma opinião diferente sobre qual formato para apoiar. Os três formatos de vídeo principais na disputa são

  • Ogg / Theora / Vorbis: Ogg é um formato contêiner que usa codificação Vorbis para codificação de áudio e Theora para vídeo. O sistema Ogg é livre de quaisquer patentes conhecidos. É suportado pelo Firefox, Chrome e Opera. (Ele também é apoiado pelo Safari se o usuário tiver instalado o plugin Vorbis para o QuickTime.) IE9 não suporta este formato.



  • MP4 / H.264 / AAC: O padrão MP4 é um formato contêiner utilizando H.264 para codificação de vídeo e AAC para codificação de áudio. Todos os três formatos estão sujeitos a restrições de patentes. Este formato é suportado pelo Safari, Chrome, iPhone, IE9 e Android.

  • WebM / VP8 / Vorbis: WebM é um padrão relativamente novo introduzido pelo Google. Ele usa o formato de codificação de vídeo VP8 e codificação de áudio Vorbis. Há pouco apoio para WebM ainda, mas a maioria dos navegadores estão indicando suporte para o formato nas próximas versões.

Use o tag para incluir todos os principais formatos de vídeo. (Você pode usar a ferramenta FFmpeg livre disponível para todas as principais plataformas de software para converter seus vídeos.) Como um fallback final, use o tag dentro do seu tag para carregar o vídeo com um leitor de Flash.

Você pode usar o javascript para controlar o vídeo elemento.


Publicações relacionadas