YouTube Embeded – Mobile Screen

Hi @riderchris,
on WordPress you can embed a video just adding the link of the video without using the iframe code.
Try to write just the video link and let me know if it works ??

Best Regards,
CrestaProject

Hi,

I presume you meant by click on Add media and enter the URL? If yes the codes will be as per below:

[embed]https://www.youtube.com/watch?v=fYmgVKVhAno[/embed]

If that is the case, I’m afraid it did not work. The issues is only with mobile screen. Whilst the videos play fine, there is still padding/black area on the top and bottom of the video even without the iframe code. It appears to be fine on desktop screen. We need to fix it on mobile screen.. I hope what I said makes sense..

Hi @riderchris,
this is because your iframe has fixed dimensions ( width=”786″ height=”442″ ) and therefore on mobile the height is still at 442px.

Try to use this plugin https://www.ads-software.com/plugins/iframely/ which seems to work to have responsive iFrame.

Best,
CrestaProject

Hi, I haven’t tried the Iframely plugin but I managed to fix the issue. whilst I was reading on the plugin on their site, there is a check URL feature that I can test my link.

https://iframely.com/embed

When I pasted my video link, it gives me i frame responsive codes which I pasted on my site. It works fine now on all types of screen without any padding. Love it! Thanks to you of recommending the plugin, If not, I would not have tried their site. Great support and I hope others will benefit from this. Closing this now, RESOLVED!

Perfect ??
Have a great day,
CrestaProject