The issue you are experiencing with the video preview not displaying on iPhones may be related to the autoplay feature of the WordPress video block. Autoplay is often blocked on mobile devices for performance and user experience reasons.
One potential workaround you can try is to disable the autoplay feature and provide a play button for users to manually start the video. This way, users can choose when they want to watch the video, and the video preview should display properly. Here’s how you can do this:
- Edit the video block on your homepage.
- In the block settings on the right-hand side of the editor, scroll down to the “Autoplay” option and turn it off.
- Add a cover image for the video by clicking on the “Poster Image” option and selecting an image to use as the preview thumbnail. Make sure this image is high quality and visually appealing to entice users to click on the play button.
- Save and update the block.
With autoplay disabled, the video will display a cover image and a play button. When users click the play button, the video will start playing.
Alternatively, you can use a third-party video player like YouTube or Vimeo and embed the video using their iframe embed code. These services are optimized for video playback and provide a superior user experience on mobile devices, as they offer responsive embed code that will automatically adjust the size of the video player to fit the screen size of the device.
I hope this helps resolve the issue with the video preview not displaying correctly on iPhones
Hello @moinrrahmed – Thank you for your response but you must not have looked at the site because I am not using AutoPlay. That is not the issue.
I may end up with a poster image but was hoping for another option. This video i being served from the website for several reasons and I prefer to keep it there.
I found a workaround on an Apple forum. This issue is the result of ios not loading videos at all.
