Video poster image changing

I’m very confused…

I have 6 videos on a site and have assigned poster images to them. When visiting the page (live), the correct images appear, but after 3 seconds some of them change to stills from their respective video. One video in particular does this every time, but the others do it randomly (though it’s always more than one on every refresh).

This problem is only happening on Safari, not Firefox or Chrome.

Any ideas what could be causing this?

(I’m running 4.1)

I’m curious what brics you might be using?

Also, I heard this could be browser related. Try multiple browsers and see what the results are.

Here’s a thread from a couple years ago discussing issues in Chrome at the time.

Hi, Whittfield, thanks for your answer.

I simply added a 3 column row and placed the Blocs’ Video Bric in each one. The Bric offers the opportunity to assign a poster image.

The problem only happens in Safari (Firefox and Chrome are fine).

PS. I was watching the video for your Media Query Bric an hour or so ago. Man, you have one cool voice/ accent! :grinning:

1 Like

I believe Safari the poster image is only supported when there’s no video. So the work around is preload=“none” to the video element. not preloading the video means it will have to be clicked to load.

If you need to use the preload feature you’ll need custom code to get any further I think.

1 Like

Thanks for taking the time to answer. I appreciate it.

in each video, in custom atribute you add name: preload; value: none


Thanks, Pealco.

1 Like