[Resolved] Can page hero video play on mobile?

[Andy]

Hi there,

I’m using this:
https://docs.generatepress.com/article/page-hero-background-video/

I noticed it only auto-plays on desktop and not mobile.

I’ve seen other themes auto-play on mobile. Can I get it to auto-play on mobile too?

Thanks

[Ying]

Hi Andy,

The theme itself doesn’t have control of video autoplay or not.

As far as I know, most mobile devices, including Apple iPhones, Apple iPads and many Android and Microsoft devices do not support the video autoplay feature so your video will not play automatically if a visitor is on one of these devices.

You can try switch to twenty-twenty one theme to test if the issue still there.

Let me know 🙂

[Andy]

Hi Ying,

I thought that too! Then I saw this website on my phone and I was surprised beccause it autoplays on my iphone. Any idea how it’s autoplaying on phone?

(pasted under private info)

thanks!

[Ying]

Not sure if it’s gonna work, but give it a try:

Change this:

<video loop muted autoplay poster="URL/TO/poster.jpg" class="background-video">
    <source src="URL/TO/video.mp4" type="video/mp4">
</video>

to:

<video playsinline loop muted autoplay poster="URL/to/poster.jpg" class="background-video"  >
    <source src="URL/TO/video.mp4" type="video/mp4">
</video>

Let me know 🙂

[Andy]

wow, you are a wizard Ying! That worked! I tested it on another client’s site and it plays perfectly on iphone. Thank you so much!

[Ying]

Awesome! Glad it works 😛

[Author]

Posts