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.