Para adicionar elementos multimídia, como vídeo e áudio, em uma página HTML, você pode usar as tags <video> e <audio>.
Tag <video>: A tag <video> é usada para incorporar vídeos em uma página HTML. Você pode definir a largura e a altura do vídeo, bem como outras opções, como controles de reprodução, legendas e predefinições de reprodução automática.
Exemplo:
<video width="640" height="360" controls>
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<p>Seu navegador não suporta o elemento de vídeo.</p>
</video>
Neste exemplo, a tag <video> tem um atributo width e height que definem as dimensões do vídeo. O atributo controls exibe os controles de reprodução padrão do navegador. A tag <source> é usada para especificar os formatos do arquivo de vídeo que o navegador suporta. Se o navegador não suportar o vídeo, a mensagem “Seu navegador não suporta o elemento de vídeo.” será exibida.
Tag <audio>: A tag <audio> é usada para incorporar arquivos de áudio em uma página HTML. Você pode definir as mesmas opções que a tag <video>, como a largura e a altura do elemento, controles de reprodução e predefinições de reprodução automática.
Exemplo:
<audio controls>
<source src="audio.mp3" type="audio/mpeg">
<source src="audio.ogg" type="audio/ogg">
<p>Seu navegador não suporta o elemento de áudio.</p>
</audio>
Neste exemplo, a tag <audio> tem o atributo controls para exibir os controles de reprodução padrão do navegador. A tag <source> é usada para especificar os formatos do arquivo de áudio que o navegador suporta. Se o navegador não suportar o áudio, a mensagem “Seu navegador não suporta o elemento de áudio.” será exibida.
Em ambos os exemplos, você pode adicionar mais de uma tag <source> para que o navegador possa escolher o formato de arquivo adequado, dependendo do navegador e do dispositivo usado para acessar a página.