Video autoplay on Mobile

[DanielPerry]

I can’t get video to autoplay on mobile. Check here.

I have sound off, and autoplay on. It works fine on desktop. But the video doesn’t autoplay on my mobile. Its the same on all my portfolio entries.

Thanks again

Dan

Topic

[Marius1989]

Hey Dan.

Did you already fix that? I tested it on my mobile device and it seems to work flawless.
Just checked several portfolio items that contains a video on your site.

Tested with Android (11) device, Chrome browser.

Cheers.

[DanielPerry]

Unfortunately not, still not working on iOS 14.6, Safari Browser and Chrome Browser.

[Marius1989]

Can you confirm, you didn’t disable the autoplay function inside the iOS and/or browser settings?
Did you test other websites with autoplay videos and they do work properly?

Would be nice if some other member with an iOS device could just quickly check on its end to help out Dan for a second.
Thanks.

[DanielPerry]

Just checked a site which runs MoveDo rather than Impeka, and all is fine with that one. Very odd.
Phone settings all seem fine.
Weirdly the impeka site is fine on an iPad running 14.6

[Kosmas]

It seems to work in the feature section, it’s weird. We will check this.

Thanks 🙏

[DanielPerry]

yeah super odd one, I’m sure it was OK a while ago, I think its either the recent update to iOS14.6 or the recent impeka update to 1.1.1 which happened at a similar time.

[DanielPerry]

Been looking at this with Thanasis it’s an odd one. Doesn’t actually appear to be Impeka. What seems to happen is mobile now blocks videos over a certain size. As reducing these videos from 1080p to 480p made them work again. Very odd. I think I’ll end up with 2 videos and 2 rows, mobile and desktop.

Anyone else got any knowledge on mobile browsers now blocking large video files? Seems to be both Chrome and Safari.

[Marius1989]

Odd indeed. But thanks for the feedback, it might help the community for some of their own projects.
Videos are a topic on its own and I try to avoid it whenever I can. So I don’t have any advanced knowledge about it.

Are you talking about mobile browsers in genereal or do you refer to a specific OS?
As mentioned above, I didn’t experience any issues when I tested your site with my device.

Can you exclude any hosting issues, since it is self-hosted?
Could you also elobarate, what conclusion Thanasis has reached?
Reducing the video size might solve the issue, but I doubt it is the actual problem here. Of course I can be totally wrong here.

[DanielPerry]

Good point it could be something to do with hosting I guess.
I’m sure Thanasis will charm in with his findings.
Seems to be iOS 14, works ok on android devices from what I can see.
I’ll get in touch with GridPane as well to see if they can make any suggestions, maybe blocked by their security or optimisation stack.
Thanks

[DanielPerry]

Ok checked with GridPane and it’s nothing to do with their hosting stack.
Tried a conflict test and nothing.
Seems to be when the video is set to autoplay, and the controls are turned off.
But only on iOS devices. And only on larger videos. So weird.
But I guess the workaround is to have to videos and to rows, and disable one on mobile, and the other on all other sizes.

[DanielPerry]

Ok after much research and testing last night. This seems to not be theme specific, i.e. I have the same issue in Crocal.
The videos play fine as a background to a row.
But no matter what I do to the video it won’t play using the video shortcode.
This is with sound off, controls off, loop on, autoplay on.
If I turn controls on it will be fine, but obvs this doesn’t look as good.
This is only in iOS, but regardless of what browser I use. And its not low power mode.
Desktop and Android are fine.
I found this apple article, but it’s a bit above my head.
I’m sure this worked some time ago, but maybe I’m confused.

[DanielPerry]

Ok myself and Thanasis have found the issue. You need to have the “playsinline” option. This will be added in the next update. This works regardless of file size etc.
Thanks
Dan

[Author]

Replies