Joey

Edited my above post as I think I see the culprit ??

The code I posted is your outputted html. Using google chrome you right click on the page and choose ‘inspect element’. That will open a window that displays your websites code (this is all in the frontend not the admin side of wordpress as that’s what I have access to)

It is working with that code testing on my site but when I look at the html your video is wrapped in an extra div and the height and width attributes are not being added to the iframe. This is my code:
<div class="su-youtube su-responsive-media-no"><iframe width="400" height="220" src="https://www.youtube.com/embed/DYWbJ82EeRI" frameborder="0" allowfullscreen="true"></iframe></div>

And this is yours:
<div class="su-youtube su-responsive-media-no"><div class="fluid-width-video-wrapper" style="padding-top: 55%;"><iframe src="https://www.youtube.com/embed/DYWbJ82EeRI" frameborder="0" allowfullscreen="true" id="fitvid857653"></iframe></div></div>

Sorry if that isn’t very helpful but hopefully will give you a strating point to look! As I said I’m not familiar with the plugin. Will have another little look and see if I can replicate it on my site. Good luck!

Edit: another thing I notice is you have fitvids.js loading up from a youtube plugin (youtube-embed-plus)? This applies the above changes to your code so would explain why it isn’t working. Try disabling that plugin ??

Hey mate,

Not familiar with the plugin but had a little look and it appears it defaults to video sizing being responsive.

If you add ‘responsive=”no”‘ to your shortcode does it fix your issue?

So [su_youtube url=”https://www.youtube.com/watch?v=DYWbJ82EeRI” width=”400″ height=”220″ responsive=”no”]

Regards,
Joey