A user added a video to their homepage using Liquid code but faces two issues: the audio isn’t playing, and they want to add a mute/unmute button in the bottom right corner.
Key Technical Point:
A responder explains that browsers automatically mute videos with autoplay enabled by default—this cannot be bypassed. Videos with autoplay will always start muted.
Proposed Solutions:
Current Status:
The discussion remains open with an offer of assistance. A third user also requests help unmuting a video on their homepage, suggesting this is a common issue.
I have added a video to my home page. I added the code in liquid. the video is saved to my files. I would like to add a mute/unmute button in the bottom right corner. My video currently has audio saved in the video file, but it is also not playing when I view it on the website. so I would like to add the audio.
Here is the code I am currently using. I am not very good at coding.
video { width: 85%; height: auto; display: block; margin: 0 auto; }Hi @joemichielli if you enable the Autoplay in video then it will always be muted, and this is the default thing in the browser, you will not be able to autoplay the video with audio unmuted. And there is a default option in most of the section in shopify that if you are using video there will be a audio option, until you are using some section that has not build in option for that.
And if you are using some section that the option is not build in then you need to add the custom code so that you can have the mute and unmute button there.
If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the code changes so that this will work well for you.
Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!
Best Regards
Sahil
Hi Sahil,
Can you help me unmute the video on my homepage. www.fortcollins.co.in