Featured video

Hi there,

We use cloud templates. When journalists choose to publish articles with featured videos, the display should be like that on mobiles: https://imgur.com/tCj4JLK

However, the display is like that: https://imgur.com/a/1OaAc9l
The embedded video from YouTube does not display correctly when using a real mobile.

We tried purging caches and deactivating plugins…

Edit: The test site is accessible here

• This topic was modified 6 years by Arnaud.

So, the good news is that we figure out which was the origin of this break of our posts with a featured video: the use of Autoptimize and specifically one option for inline CSS. Mea culpa on our side. We simply disabled for now. However, I assume that we could still overcome this problem by excluding the specific cloud template from being CSS-optimized by Autoptimize, right?

In the meantime, we have another problem (not new): the featured video (again). The static image of the video (before clicking on it to load the video) has a large top border, and the bottom of the video is hidden. It only happens on mobile (although we do not use the mobile theme nor AMP). This phenomenon does not appear on a desktop while simply reducing the screen size (I mean, it happens but the website quickly readapts in 1/10th of second). See the photo here to understand the problem.

However, we tried modifying all parameters regarding CSS for the phone version but it did not change anything. Moreover, we tried by using a PRO cloud template dedicated to video, and the phenomenon is still present, so the problem is not to find on the COMPOSER side. Any solution? We tried playing with the THEME panel, and specifically in video settings, but still no solution.

Thank you

• This reply was modified 6 years by Arnaud.

Hi Vlad,

You already had the answers in the posts above.

The link to a post with a video can be found, for instance, here: https://letzbehealthy.com/comment-soccuper-durant-le-confinement/
or here: https://letzbehealthy.com/david-blondiau-a-le-vent-en-poupe/

Also, the picture of the issue (happening on real mobiles) can be found here: https://imgur.com/a/ns8f41g
This issue is reproducible from several mobiles and is therefore not mobile-specific. However, simply reducing the window from a desktop does not reproduce the issue.

Finally, I found that, when browsing from a mobile the above-mentioned pages, the error is displayed at first. However, if you request the browser to display the desktop version (function in Safari – iOS), the large black border disappears.

Disabling the different plugins does not help (especially those that could lead to this like WP Super Cache (tested plugin) and Autoptimize)…