Inserir um vídeo

O marcador <video> permite apresentar vídeos na página.
Deves indicar o ficheiro e o formato, e ativar os controlos de reprodução.

Exemplo:

Explicação:

• <video> cria a área do vídeo.

• controls mostra os botões de play, pausa e volume.

• <source> define o ficheiro e o tipo de formato.

• O texto interno aparece se o navegador não suportar o vídeo.

Inserir um áudio

Para adicionar música, sons ou narrações, usa-se o marcador <audio>.

Exemplo:

Explicação:

• <audio> cria o reprodutor de som.

• controls ativa os botões de reprodução.

• <source> indica o ficheiro e o formato.

Incorporar vídeos do YouTube

Também é possível inserir vídeos diretamente de plataformas online, como o YouTube.
Para isso usa-se o marcador <iframe>.

Exemplo:

Explicação:

• <iframe> cria uma “janela” dentro da página.

• O atributo src usa o link de incorporação do YouTube.

• allowfullscreen permite ver o vídeo em ecrã inteiro.

Dicas importantes

• Usa ficheiros leves (mp4, mp3).
• Testa sempre os ficheiros antes de entregar o trabalho.
• Dá um título descritivo aos conteúdos multimédia.
• Mantém o código indentado e organizado.