1
resposta

Erro 153 ao tentar incorporar vídeos do YouTube no meu projeto

Aparece a seguinte mensagem quando tento reproduzir o vídeo no navegador:

Assistir o vídeo no YouTube
Erro 153
Erro de configuração do player de vídeo

Curiosamente, quando clico em “Assistir no YouTube”, o vídeo funciona normalmente.

Minha dúvida é:
Por que isso acontece, mesmo com vídeos públicos?
Existe algum jeito de contornar o erro 153 para usar vídeos do YouTube no iframe do meu site?
É uma questão de restrição do próprio YouTube ou estou fazendo algo errado no meu código?

Agradeço desde já qualquer ajuda!

const containerVideo = document.querySelector(".videos__container")
const api  =  fetch("http://localhost:3000/videos")
.then(resposta => resposta.json())
.then((videos) => videos.forEach((video)=> 
    {
     containerVideo.innerHTML += `
     <li class="videos__item">
     <iframe src="${video.url}" title="${video.titulo}" frameborder="0" allowfullscreen> </iframe>
     </li>
     `;
}));

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Garanta sua matrícula hoje e ganhe + 2 meses grátis

Continue sua jornada tech com ainda mais tempo para aprender e evoluir

Quero aproveitar agora
1 resposta

Oi, Yasmin, tudo bem?

Sim, é uma restrição do próprio YouTube. Para que um vídeo seja incorporado em outro site usando um <iframe>, ele precisa usar um link específico para "embed", que é diferente do link que usamos para assistir diretamente na plataforma.

  • Existe um jeito de contornar?
    Sim! O segredo é ajustar a URL que você está passando para o src do iframe.

O link de assistir normal é assim:
https://www.youtube.com/watch?v=ID_DO_VIDEO

O link para incorporar (embed) precisa ser assim:
https://www.youtube.com/embed/ID_DO_VIDEO

A solução é simplesmente substituir o trecho "watch?v=" por "embed/" na URL que vem da sua API.

Em algum vídeo do YouTube de preferência público, procure por:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Fazendo essa pequena troca, seus vídeos devem carregar corretamente na página.

Espero ter ajudado! Bons estudos!

Sucesso

Imagem da comunidade