Re: Shopify Sense – unmute product page videos by default?

Shopify Sense – unmute product page videos by default?

kreontwice
Tourist
4 0 0

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!

 
 
 
 
 
 
 
Replies 7 (7)

topboi99
Shopify Partner
5 0 1

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

kreontwice
Tourist
4 0 0

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.

 
Clockwise
Visitor
1 0 0

I have the exact same problem with the ride theme. 

Did you manage to solve it?

 

solution from Yurila isn't working. 

Patval
Visitor
1 0 0

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

yurila
Visitor
1 0 0

ввімкнення звуку відео.png

enes044
Visitor
2 0 0

tried it, didnt work, i use sense theme

elynette
Visitor
1 0 0

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.

elynette_0-1724797643103.png

I have about no technical expertise so take with a grain of salt (but worked for me)