Poster in video not disappearing when the video starts

Support
#1

I just set this up. cleared SG cache but it didnt help

Trying to speed up the page load as much as possible, so any tips on the best video set up would be good

#2

Also what size should the poster be?

#3

Hi @VelocityWeb

This has been reported to our dev team and it will get fixed in the next release, regretfully I don’t have an ETA for that update. However, you can add this JS snippet in (X > Theme Options > JS) to resolve this issue:

jQuery(window).load(function(){
  jQuery('.mejs-playpause-button button, .mejs-overlay-play').click(function() {
      jQuery('video.x-mejs').removeAttr('poster');
    });
});

Please make sure to clear cache from Cloudflare and from any caching plugin you have after applying the code to see its effect. The poster image should be in a size that can fit on several screens nicely, just consider it as it’s a background image, these examples should be fine (1024x600, 1280x800, 1366x768, 1440x900).

Thanks.

#4

Thanks that worked well :grinning:

#5