Responsive Embed not working for Youtube

Hey All,

I am creating a landing page and notice that youtube is not working when I preview or publish the site.

I get the error "www.youtube.com refused to connect."

Is this a known bug? Have people been able to get around it?

https://powercoremma.com/landing.html

Thanks

Your embed code is wrong.

You have: https://www.youtube.com/watch?v=1uHF9aJvSRY

You should have: https://www.youtube.com/embed/1uHF9aJvSRY

ok. thank you :)

Just to clarify a little bit: On every youtube video you can click share, and choose embed and then you'll get the link.

@Kriss Further clarification: the share > embed feature on YouTube provides an iframe embed code that looks like this...

<iframe width="560" height="315" src="https://www.youtube.com/embed/1uHF9aJvSRY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

When using BSS's Responsive Embed component, you have to pull out just the URL portion of this code https://www.youtube.com/embed/1uHF9aJvSRY in order to achieve proper functionality.

1 Like