Mobile video not displaying correctly

johneinarsandvand · September 14

I edit my posts using the Wordpress block editor. I have embedded a couple of YouTube videos into my posts - for instance on this article: https://www.thetaprofits.com/in-the-money-covered-call/

It looks fine when I check it in the mobile preview version in Wordpress. However, on my mobile phone it looks crappy - cropping the view from both sides. See the attached screenshot from my mobile phone.

What can I do to avoid this?

John Einar

Phil · September 16

Hi,

To avoid this, use the Video element included in BeBuilder.

Or you can add the following function to the child theme:

https://developer.wordpress.org/block-editor/how-to-guides/themes/theme-support/#responsive-embedded-content

We are also taking a look at this function if it can be permanently implemented to our theme.

Best regards

johneinarsandvand · September 16

Thank you!

Two questions:

I have edited the post in the Wordpress block editor. Can I then use the Video element in BeBuilder?
Where do I add the responsive function to the child theme? To the custom css file?

Phil · September 17

1) You can try to use a video shortcode:

https://muffingroup.com/betheme/elements/video/

2) It should be added to the functions.php file.

Best regards

Mobile video not displaying correctly

Comments