Why doesn't my homepage video play on mobile devices?

Solved

Why doesn't my homepage video play on mobile devices?

malul
Excursionist
28 0 5

Hi all, something very weird,  the video on the home page is not playing in real mobile

but in the Inspect tool mobile device is does play.

I've never had a mismatch between the phone inspect tool and the actual phone. And it has nothing to do with the exact size width I made sure of that.

somebody can figure this out?

store: berez.org.il

pass: zadoko8

Accepted Solution (1)

Bhaskar_Sonowal
Shopify Partner
21 5 4

This is an accepted solution.

Try adding these attributes to the video tag. 
The playsinline should solve the issue.


<video src="video.mp4" autoplay loop muted playsinline></video>

View solution in original post

Replies 2 (2)

Bhaskar_Sonowal
Shopify Partner
21 5 4

This is an accepted solution.

Try adding these attributes to the video tag. 
The playsinline should solve the issue.


<video src="video.mp4" autoplay loop muted playsinline></video>

Ethan2
New Member
4 0 0

Hello, I am using the Shopify Emporium theme and I encountered the same problem. It is seen on the computer and the video works. But on the phone, the videos do not play and do not work. I wrote the code you said in the <video> tag in video.liquid, but it did not work. I am using the video I added to Shopifya.

<video
controls
controlslist="nodownload"
preload="metadata"
title="{{ section.settings.video_description | escape }}"
data-video-target
autoplay loop muted playsinline
>