Artigo Introdução de wulin.com (www.vevb.com): Visão geral do vídeo HTML 5.
1 Introdução ao vídeo
Cite o texto de introdução do meu documento traduzido "Incorpore áudio e vídeo em páginas HTML5": hoje, a única maneira confiável de incorporar vídeos nas páginas da web e veja todos os usuários, independentemente do seu navegador ou sistema operacional, é usar o Flash. Isso requer o plug -in Adobe Flash e combina as tags <ject> e <bed>.
A maioria dos usuários já possui plugins flash instalados (na verdade, cerca de 95% dos usuários da Internet têm uma certa versão do Flash), mas os apoiadores do HTML 5 estão pressionando por um padrão de vídeo aberto que não requer plugins. Essa é a ideia trazida para a nova tag do HTML 5, que fornece uma maneira de incorporar vídeos (e interagir com eles) sem a necessidade de plugins privados como o Flash.
Infelizmente, o vídeo não é tão simples. O navegador não apenas precisa entender a tag <dife>, mas também uma codificação e decodificador necessário para reproduzir vídeos. A solução óbvia é apenas para os criadores do HTML 5 especificações para escolher um codec de vídeo e permitir que todos os fabricantes do navegador o executem.
Enfim, é isso que você recomenda. Ao mesmo tempo, este também é o fusível que causa caos. O debate sobre uma variedade de codecs já é muito irritante, mas o mais trágico é que os fabricantes de navegadores não podem atingir um final unificado. A Apple está relutante em usar o codec OGG Theora proposto, mas a ópera e a Mozilla também não estão dispostas a pagar pelas taxas de licenciamento devido aos seus navegadores carregando o codec H.264. O Google suporta ambos, e a Microsoft está muito atrás do debate porque não tem planos de oferecer suporte a elementos de vídeo HTML 5.
Diante do impasse de fabricantes de navegadores, o ditador HTML 5 bem-intencionado Ian Hickson balançou a mão e disse fodendo. Portanto, não existe um codec de codificação de codificação especialmente nomeado ou especificado na especificação HTML 5. Ok, cite aqui.
A situação é que a Microsoft está finalmente presa, mas tragicamente suporta apenas H.264 no IE 9. Ao mesmo tempo, o Google finalmente lançou o formato de encapsulamento de vídeo de código aberto e o formato de codificação de vídeo VP8 na conferência de E/S. Opera, Mozilla e Chrome anunciaram que apoiarão totalmente o VP8 e o IE anunciaram que algum suporte (um plug-in é necessário, mas se bem me lembro, uma das visões do HTML5 é deixar o plug-in do navegador, que é realmente trágico para a Microsoft).
A Apple decidiu não apoiar o VP8. Jobs acredita que o VP8 não é tão bom quanto o H.264 em termos de qualidade ou eficiência e não pode atender aos requisitos de seus produtos. Além disso, os últimos programas de notícias que o VP8 também podem envolver questões de patentes (se a patente estiver realmente violada, o Opera e o Firefox provavelmente ignorarão o VP8 imediatamente).
Having said so much, in the end, if you want to use the <video> tag on the page, you need to consider three situations: those that support Ogg Theora or VP8 (if nothing happens to this thing) (Opera, Mozilla, Chrome), those that support H.264 (Safari, IE 9, Chrome), those that do not support (IE6, 7, 8).
Bem, agora vamos entender os vídeos HTML 5 de um nível técnico, incluindo o uso de tags <video>, propriedades de mídia e métodos que os objetos de vídeo podem usar e eventos de mídia.
2 Uso da etiqueta de vídeo
A tag de vídeo contém vários atributos, como SRC, pôster, pré -carga, automática, loop, controles, largura, altura, etc., bem como uma tag usada internamente.
Além da tag <Orper>, a tag de vídeo também pode incluir o conteúdo retornado quando nenhum dos vídeos especificados não pode ser reproduzido.
2.1 Atributo SRC e atributo de pôster
Você pode imaginar para que o atributo SRC é usado. Como a tag <mg>, esta propriedade é usada para especificar o endereço do vídeo.
O atributo do pôster é usado para especificar uma imagem e exibi -lo quando os dados atuais do vídeo são inválidos (imagem de visualização). Os dados de vídeo inválidos podem ser porque o vídeo está carregando, pode ser porque o endereço de vídeo está errado, etc.
2.2 Atributo da pré -carga
Essa propriedade também pode ser usada por nome, que é usada para definir se o vídeo é pré -carregado. Existem três valores opcionais para atributos: nenhum, metadados e automóveis. Se essa propriedade não for usada, o padrão será automático.
Nenhum: sem pré -carregamento. O uso desse valor da propriedade pode ser que o criador de páginas acredite que o usuário não espera este vídeo ou reduz as solicitações HTTP.
Metadados: parcialmente pré -carregados. Usar esse valor de atributo significa que o criador de páginas acredita que o usuário não espera este vídeo, mas fornece ao usuário alguns metadados (incluindo tamanho, primeiro quadro, lista de faixas, duração etc.).
AUTO: Todos pré -carregados.
2.3 Atributos da AutoPlay
Outro atributo que sabe seu uso de acordo com o nome. A propriedade AutoPlay é usada para definir se o vídeo é reproduzido automaticamente e é uma propriedade booleana. Quando aparece, significa reprodução automática e remover isso significa que não é reprodutiva automaticamente.
Observe que os valores do atributo booleano no HTML não são verdadeiros e falsos. O uso correto é usar esse atributo para representar verdadeiro na tag. No momento, o atributo não possui valor ou seu valor é sempre igual ao seu nome (aqui, a reprodução automática é <videooplay /> ou <video AutoPlay = AutoPlay />); Embora esse atributo não seja usado na tag para representar false (aqui, a reprodução automática é <vídeo />).
2.4 Atributos do loop
É claro que o atributo Loop é usado para especificar se o vídeo é reproduzido em loop e também é um atributo booleano.
2.5 Controles atributo
A propriedade Controls é usada para indicar ao navegador que o fabricante de páginas não usa scripts para gerar o controlador de reprodução, e o navegador exige que o navegador habilite sua própria barra de controle de reprodução.
A barra de controle deve incluir controle de pausa de reprodução, controle de progresso da reprodução, controle de volume, etc.