Embedded video resizes to full page

[timneufeld]

Hi there. Thanks for a great product. I’m loving Themeco X. My question sounds like a simple one, but I can’t seem to find the answer in the forum. I have experimented with changing CSS code, but nothing works.

I am embedding a Youtube video with the following iframe (560x315):

However, when I publish and visit the page where the code is displaying, it always appears as wide as the full page.

This is the page I am referring to (it’s the only video on the page):

More from Terry Lawless: Four Points for Musicians

Can you help me out? I just want the video and the container to be 560 px wide. Thanks!

Tim

[paul.r]

Hi Tim,

Thanks for writing in!

Try to add and inline style to your iframe.

Please change your code to this.

<iframe src="https://www.youtube.com/embed/tbBO0IJUPwY?rel=0&amp;controls=0&amp;showinfo=0&amp;wmode=transparent" frameborder="0" allowfullscreen="allowfullscreen" wmode="Opaque" style="width:560px;height:310px;margin:0 auto;"></iframe>

Hope that helps

[timneufeld]

Thanks. That’s it. Really wonderful help!

[paul.r]

You’re welcome!