Comentário: A maioria dos vídeos é exibida através de plug-ins (como flash). No entanto, nem todos os navegadores têm o mesmo plug-in, o HTML5 especifica uma maneira padrão de incluir vídeos através de elementos de vídeo, que podem ser usados para concluir a reprodução de vídeo
Hoje, a maioria dos vídeos é exibida através de plugins (como flash). No entanto, nem todos os navegadores têm o mesmo plug-in.O HTML5 especifica uma maneira padrão de incluir vídeos através de elementos de vídeo.
No HTML5, o elemento de vídeo atualmente suporta três formatos de arquivos de vídeo.
1.ogg = arquivo OGG com codificação de vídeo teora e codificação de áudio VORBIS
2.MPEG4 = arquivo MPEG 4 com codificação de vídeo H.264 e codificação de áudio AAC
3.webm = arquivo webm com codificação de vídeo VP8 e codificação de áudio VORBIS
Então, como exibir vídeos no HTML5? Exemplos são os seguintes:
<vídeo src = "Demo.mp4" controls = "controles"> Seu navegador não suporta este formato de vídeo. </video>
Ok, vamos explicar o significado de cada atributo no elemento de vídeo. Entre eles, a largura e a altura não serão explicadas. Falamos principalmente sobre controles. Como o nome sugere, os controles são controles, haha, são controles como reprodução de vídeo, pausa de volume, etc. Os caracteres chineses inseridos no meio do elemento de vídeo, você deve saber que eles são inteligentes e solicitam ao usuário que o navegador não suporta o uso do formato de vídeo.
Deve -se notar que, para garantir que seja adequado para o navegador Safari, o arquivo de vídeo deve ser do tipo MP4. Os vídeos de formato OGG são adequados para navegadores Firefox, Opera e Chrome. O Internet Explorer 8 não suporta elementos de vídeo. No IE 9, o suporte para elementos de vídeo usando o MPEG4 é fornecido.
Obviamente, se não tivermos certeza de qual formato de vídeos nosso navegador suporta, podemos primeiro verificar. O método de detecção está disponível em outro post do blog. Se você estiver interessado, pode conferir. Se você não quer ser problemático, o que deve fazer? Podemos fazer isso:
<Video Controls = "Controls">
<fonte src = "filme.ogg" type = "video/ogg">
<fonte src = "filme.mp4" type = "video/mp4">
Seu navegador não suporta este formato de vídeo.
</video>
O elemento de vídeo permite vários elementos de origem. O elemento de origem pode vincular diferentes arquivos de vídeo. O navegador usará o primeiro formato reconhecível, então precisamos apenas preparar mais alguns vídeos em diferentes formatos.
Em seguida, apresentaremos as propriedades de várias tags de vídeo.
1.autoPlay: Esta propriedade aparece significa que o vídeo será reproduzido automaticamente quando estiver pronto. Uso: AutoPlay = AutoPlay
2.Controla: Esta propriedade aparece significa que o usuário é exibido com controles, como botões de reprodução, etc. Uso: Controles = Controles
3.SELHO: Defina a altura
4.Width: Defina a largura
5.loop: reprodução automática, uso: loop = loop
6.Preload: O vídeo é carregado e pronto para ser reproduzido quando a página for carregada. Uso: pré -carga = auto
Auto - carregue o vídeo inteiro após a carga carregar
meta - apenas os metadados são carregados depois que a página é carregada
Nenhum - o vídeo não é carregado após o carregamento da página
Nota: Se o AutoPlay for usado, a pré -carga será ignorada.
7.SRC: o URL para reproduzir o vídeo