Embedded youtube videos

Mark Holland
113 Posts
Mark Holland posted this 11 August 2016

Hi,

Please take a look here i have added some videos and they seem to have messed up the whole page, also they do not render on the mobile they are pushed to the right.

http://fatboyfitness.co.uk/blog/

Thanks

Hi, Please take a look here i have added some videos and they seem to have messed up the whole page, also they do not render on the mobile they are pushed to the right. http://fatboyfitness.co.uk/blog/ Thanks
responsive video
Vote to pay developers attention to this features or issue.
5 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 12 August 2016

Hi,

You added IFRAME with fixed size: 500x375px.
So they look according to the code you're using.
Please try adding video in the way suggested by bootstrap:
http://getbootstrap.com/components/#responsive-embed

For example:
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/chqe7kmmMg4?feature=oembed"></iframe>
</div>

Thank you,
Olivia

Hi, You added IFRAME with fixed size: 500x375px. So they look according to the code you're using. Please try adding video in the way suggested by bootstrap: http://getbootstrap.com/components/#responsive-embed For example: `<!-- 16:9 aspect ratio --> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/chqe7kmmMg4?feature=oembed"></iframe> </div>` Thank you, Olivia
Mark Holland
113 Posts
Mark Holland posted this 12 August 2016

I did not I used the embed a url function in Wordpress editor.

I did not I used the embed a url function in Wordpress editor.
Support Team
Support Team posted this 15 August 2016

Hi,

Have you tried the suggestion from Olivia above? The fixed width is still hardcoded in the iframe tag.

Sincerely,
Hella

Hi, Have you tried the suggestion from Olivia above? The fixed width is still hardcoded in the `iframe` tag. Sincerely, Hella
Kentheclemmenson
1 Posts
Kentheclemmenson posted this 13 March 2025

Use embed URL function in wordpress. for reference check this out https://kinemasters.cloud/change-background-of-video-with-kinemaster/

Use embed URL function in wordpress. for reference check this out https://kinemasters.cloud/change-background-of-video-with-kinemaster/
thearistle
8 Posts
thearistle posted this 05 April 2026

It sounds like the video embed might be using fixed width settings, which can push content to the right and break mobile responsiveness. Try using responsive embed code (like wrapping the video in a responsive container or using percentage width instead of fixed pixels).

Also, if you're testing different video formats or editing them before uploading, you might Download KineMaster APK, a useful video editing options and common compatibility tips.

It sounds like the video embed might be using fixed width settings, which can push content to the right and break mobile responsiveness. Try using responsive embed code (like wrapping the video in a responsive container or using percentage width instead of fixed pixels). Also, if you're testing different video formats or editing them before uploading, you might [Download KineMaster APK][1], a useful video editing options and common compatibility tips. [1]: https://videoeditingapk.wordpress.com/

Last edited 05 April 2026 by thearistle

You must log in or register to leave comments