Vimeo embed not displaying on mobile

Hi
I’m not sure whether this is a problem with the video or with the settings in Cornerstone - I suspect it’s the latter. The video embed is displayed on two pages on the site:
http://www.coachhousedaynursery.com/forest-school/ - on this page it works fine across devices.
http://www.coachhousedaynursery.com/ - on the home page it doesn’t display on mobile.

I am using the code
<div style="padding:52.81% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/452844421?portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>

It is embedded in the second of a two column Classic Column (V2) within a Classic Row (V2) in Cornerstone. If I look at it through the Cornerstone Inspector with the mobile (XS) view selected, the second column appears to be empty.

Please could anyone throw any light on what may be causing this?

Hi Elizabeth,
Thanks for reaching out.

The video section is set to hide in the smaller devices from the Customize tab of the Video element.

Please find the screenshot describing the settings.

Please unchecked that option to get the video visible in the specific screen size.

Thanks

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.