Html Vídeo

Html Vídeo

A tag Html <video> é um dos elementos HTML5. é usada para incorporar conteúdo de vídeo em um documento, como um clipe de filme ou outros fluxos de vídeo.

Nem todos os navegadores suportam os mesmos formatos de vídeo, portanto, podemos fornecer vários formatos de vídeo para a renderização correta. Um caminho para o arquivo de vídeo é aninhado dentro da tag <source> ou atributo src .

Veja o exemplo na prática no código

<video width="320" height="240" controls>
  <source src="videos/movie.mp4" type="video/mp4">
  <source src="videos/movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Você também pode incluir um texto alternativo na tag <video> , que será exibido caso o navegador não suporte o formato de vídeo.

Existem 3 formatos de vídeo suportados para o elemento <video> : MP4/MPEG 4, WebM e Ogg. Para a compactação/descompactação de grandes arquivos de vídeo, são usados ​​programas especiais, codecs.

Arquivos MP4/MPEG 4 são usados ​​com codecs de vídeo H264 e áudio AAC, arquivos WebM – com codec de vídeo VP8 e codec de áudio Vorbis; e arquivos Ogg – com codec de vídeo Theora e codec de áudio Vorbis.

Para fornecer controle sobre um conteúdo de vídeo e/ou áudio, você pode usar eventos diferentes. Tais eventos permitem monitorar o progresso do download e reprodução da mídia, bem como a posição e o estado da reprodução.

Para alterar o posicionamento do vídeo dentro do quadro do elemento, você pode usar a propriedade CSS object-position . Se você deseja controlar como o tamanho do vídeo é alterado para caber no quadro, use a propriedade de ajuste de objeto .

Você pode adicionar legendas/legendas ao seu vídeo usando JavaScript com o elemento <track> e o formato WebVTT . Você também pode reproduzir arquivos de áudio usando <video> , o que pode ser útil em alguns casos.

Não há nenhuma consideração específica para estilizar <video> . Geralmente, a propriedade de exibição CSS é usada para essa finalidade.

Neste artigo abordamos sobre a tag html vídeo.

Lista completa de tags Html