Olá, Alex! Como vai?
A tag <video>
é usada para incorporar arquivos de vídeo que você tenha hospedado ou que estejam disponíveis em um formato compatível (como mp4, por exemplo). No caso do YouTube, a maneira correta de incorporar vídeos é através da tag <iframe>
, pois a plataforma fornece seu próprio sistema de reprodução de vídeos, o que não é compatível com a tag <video>
. Vou deixar um gif demostrando como aplicar o <iframe>
a um página.
Eu utilizei o CodePen para a demonstração, mas é o mesmo principio utilizando qualquer IDE. Mas ainda podem haver alguns motivos para o <iframe>
não funcionar:
Configurações de privacidade do vídeo: Alguns vídeos no YouTube têm restrições de privacidade que impedem sua incorporação em outras páginas. Se o proprietário do vídeo desativou a opção de incorporação, você verá a mensagem "Vídeo indisponível".
Bloqueio de conteúdo: Algumas configurações de segurança do navegador ou extensões (como bloqueadores de anúncios) podem impedir que o conteúdo do YouTube seja carregado.
Problemas de rede: Conexões lentas ou instáveis podem causar falhas no carregamento do vídeo. Verifique sua conexão com a internet.
Configurações de CORS: Cross-Origin Resource Sharing (CORS) pode bloquear solicitações de certos sites. Embora o YouTube normalmente permita a incorporação, em casos raros, pode haver restrições.
Compatibilidade do navegador: Algumas versões mais antigas de navegadores podem não suportar corretamente a tag <iframe>
ou o player do YouTube. Certifique-se de que seu navegador esteja atualizado.
Espero ter ajudado!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Caso este post tenha lhe ajudado, por favor, marcar como solucionado