Video thumbnail not shown in Safari

Hello,

try adding a poster to your videos ( Featured image )

Hi @gallerycreator ! Thanks for your reply.

You mean in the video edit page right?

I tried that, and I see the poster in the media library, but then in the actual post where the gallery is inserted, the video is still not visible.

Go to WP Media Library -> select interested video (mp4) -> Click to “Edit more details” -> on the right sidebar click “Set Featured Image” (its image will be the poster)

Demo page – https://simplygallery.co/ with posters for video clips. Here you can see how it works in Safari

Thanks for your reply @gallerycreator !
I achieved that by clicking the “add poster” icon in one of the gallery videos.

Unfortunately, I have a site with many videos per post, and posts are added constantly.

Is there a different way to fetch the videos for iOS? It’s a real shame that iPhone can’t load the thumbnail like desktop or Android phones.

Only the poster guarantees success.
Unfortunately I don’t have any other solution for you at the moment.

I understand, and thanks for the reply!

Still the best gallery out there ??

One last question.
I found an article
https://muffinman.io/blog/hack-for-ios-safari-to-display-html-video-thumbnail/
that claims that a solution to this problem (which is a WordPress issue for quite a long time now) is to skip the first millisecond of the video with this code

<video>
  <source src="path-to-video.mp4#t=0.001" type="video/mp4" />
</video>

Is there any way to implement this?

Thanks again!

This is not a WordPress issue. This is the principled position of Apple, which decided to reduce the consumption of resources on your device (in such a controversial way), but at the same time described the rules for how to act (use the poster). You have found a cheating method (long known), but which will not always solve the problem, but will create gigantic traffic on your page (if you have a lot of videos on your page, they will all start loading at the same time – this is short)

@gallerycreator thanks for your answer!
Oh I see! So I won’t be using that code. Instead, I’m using Videopack plugin to generate the thumbnail which seems to be working.

Thanks again for the great gallery and support!

@carlosvai Very good, you have just discovered for me a plugin that makes posters. Thank you!