Shopify themes, liquid, logos, and UX
Hey
The product videos that show up on the product page are muted by default (using the Shopify Sense theme). I'm going through the source files to try to set mute to false. I've tried doing that in several liquid files (just searching for "product", "media", "video" liquid files), but to no avail. Any hints?
Thanks!
this I a generell HTML/Browser restriction if you want to autoplay a video it has to be muted. Only after the users first interaction with the site the audio context is opened a you can turn the sound on. you could achieve something like this with javascript
To clarify, I meant videos that are played manually, with a click of a button.
I've tried other (paid) themes and they do play audio right away – though they don't use the built-in default media player.
At the same time, I'm seeing <video playsinline="playsinline" controls="controls" autoplay="autoplay" loop="loop" preload="none" muted="muted" in the source code, which indicates that it may indeed be possibly to play them with the sound on.
Weirdly enough, I am able to play videos with sound on when using the Video block available in the theme. However, for the videos that are uploaded as media files for a specific product, they all play muted.
I have the exact same problem with the ride theme.
Did you manage to solve it?
solution from Yurila isn't working.
I would also be interested in a solution for this problem. I have the Dawn theme, and on a product page, one of the thumbnail is a video, and so when someone click it to play it, the sound is muted by default, and so the user needs to do an extra step and click the sound button to unmute. Anyone has a solution? Thanks
tried it, didnt work, i use sense theme
We use the expanse theme and when i went into edit code, went snippets, then media.liquid folder then on line 55 or so i just changed unmuted to muted (deleted 'un') and now my videos play with audio although user has an extra step as they don't autoplay but that's o.k. for us.
I have about no technical expertise so take with a grain of salt (but worked for me)
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025