Dominando a Mídia: Curso Completo de HTML
Sobre a Aula

Reprodução de vídeo do YouTube em HTML

Se você deseja compartilhar um vídeo do YouTube em sua página da web, siga estes passos simples:

  • Envio do Vídeo para o YouTube: Primeiramente, faça o upload do seu vídeo para o YouTube. Certifique-se de que ele está configurado como público ou não listado, pois vídeos privados não podem ser incorporados.
  • Anote o ID do Vídeo: Cada vídeo no YouTube possui um identificador exclusivo chamado ID. Esse ID é uma sequência única de caracteres no final do URL do vídeo. Por exemplo, no URL “https://www.youtube.com/watch?v=SEU_ID_AQUI“, “SEU_ID_AQUI” é o ID do vídeo.
  • Defina um Elemento na Página da Web: No código HTML da sua página, use o elemento <iframe> para incorporar o vídeo do YouTube. O <iframe> é uma tag que permite a incorporação de conteúdo externo, como vídeos.
  • Atributos do Elemento <iframe>:
    • src (Origem): O atributo src deve apontar para o URL do vídeo no YouTube.
    • width (Largura) e height (Altura): Especifique as dimensões desejadas para o player de vídeo na sua página.
  • Outros Parâmetros Opcionais: Você pode adicionar outros parâmetros ao URL do vídeo para personalizar a reprodução, como iniciar o vídeo em um determinado ponto ou ocultar controles.
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>

Ao seguir essas etapas, você será capaz de incorporar e exibir vídeos do YouTube diretamente em suas páginas HTML de maneira fácil e eficaz.

Entrar na conversa
Rolar para cima