Shopify themes, liquid, logos, and UX
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
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
Solved! Go to the solution
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>
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>
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
>