We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

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
>