Aprenda Adicionando Elemento de Vídeo | Trabalhando com Mídia e Tabelas

É possível incorporar arquivos de vídeo em uma página web utilizando o elemento <video>. Considere o exemplo a seguir:

index.html

Neste exemplo:

O elemento <video> contém um elemento <source>, que especifica a URL e o tipo de arquivo do vídeo. Os formatos comumente suportados são WebM, MP4 e OGG;
O atributo controls exibe controles padrão de reprodução;
Caso o navegador do usuário não ofereça suporte ao elemento de vídeo, uma mensagem alternativa será exibida.

Atributos comumente utilizados para o elemento de vídeo em HTML incluem:

autoplay: inicia a reprodução do arquivo de vídeo assim que a página é carregada;
loop: faz com que o arquivo de vídeo seja reproduzido continuamente em loop;
muted: silencia o áudio por padrão;
volume: especifica o nível de volume padrão para o arquivo de áudio, variando de 0.0 (mudo) a 1.0 (volume máximo);
poster: especifica a URL de uma imagem a ser exibida como miniatura do vídeo antes da reprodução;
width e height: especifica a largura e a altura do player de vídeo em pixels.

Veja um exemplo demonstrando o uso de todos esses atributos:

index.html

Nota

Além disso, existem muitas bibliotecas e APIs JavaScript disponíveis que oferecem funcionalidades adicionais para reprodução e manipulação de conteúdo de vídeo na web.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 4. Capítulo 6

Pergunte à IA

Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo

Suggested prompts:

Can you show me the example with all these attributes included?

What does the fallback message look like in practice?

Can you explain more about the `poster` attribute and how to use it?

Deslize para mostrar o menu

É possível incorporar arquivos de vídeo em uma página web utilizando o elemento <video>. Considere o exemplo a seguir:

index.html

Neste exemplo:

O elemento <video> contém um elemento <source>, que especifica a URL e o tipo de arquivo do vídeo. Os formatos comumente suportados são WebM, MP4 e OGG;
O atributo controls exibe controles padrão de reprodução;
Caso o navegador do usuário não ofereça suporte ao elemento de vídeo, uma mensagem alternativa será exibida.

Atributos comumente utilizados para o elemento de vídeo em HTML incluem:

autoplay: inicia a reprodução do arquivo de vídeo assim que a página é carregada;
loop: faz com que o arquivo de vídeo seja reproduzido continuamente em loop;
muted: silencia o áudio por padrão;
volume: especifica o nível de volume padrão para o arquivo de áudio, variando de 0.0 (mudo) a 1.0 (volume máximo);
poster: especifica a URL de uma imagem a ser exibida como miniatura do vídeo antes da reprodução;
width e height: especifica a largura e a altura do player de vídeo em pixels.

Veja um exemplo demonstrando o uso de todos esses atributos:

index.html

Nota

Além disso, existem muitas bibliotecas e APIs JavaScript disponíveis que oferecem funcionalidades adicionais para reprodução e manipulação de conteúdo de vídeo na web.

Tudo estava claro?

Obrigado pelo seu feedback!

Seção 4. Capítulo 6