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 " refused to connect."

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


Your embed code is wrong.

You have:

You should have:

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="" 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 in order to achieve proper functionality.

1 Like