html5 video mute

Asked Oct 19 '12 at 16:41

Active Oct 19 '12 at 16:46

Viewed 78 times

Possible Duplicate:
How to mute an html5 video player

What is the proper way to create an HTML5 video mute button nowadays? I've tried the other answer on this site, but it doesn't work.

Here's my HTML for the link:

<a href="#" class="muted">Mute</a>

My video:

<video id="video" controls poster="video.jpg" width="600" height="120" >
<source src="images/recvid.mp4" type="video/mp4" />
<source src="images/recvid.webm" type="video/webM" />
<source src="images/recvid.ogv" type="video/ogg" />
<p>Your browser does not support the video tag.</p>
</video>

and my jQuery:

 $('.muted').click(function() {
   $('#video').prop('muted', true);
     });

edited May 23 '17 at 12:04

Community

asked Oct 19 '12 at 16:41

Nick D

What errors do you get? Have you tried `$('#video').muted=true;` or `$('video')[0].muted=true;`? – j08691 Oct 19 '12 at 16:49
Tried both of those, too. It's just not muting the way it supposedly should be. – Nick D Oct 19 '12 at 16:52
No errors? Can you duplicate the issue with a jsFiddle? – j08691 Oct 19 '12 at 16:52
Ok, this works in jsFiddle, but it isn't working locally or on my server. http://jsfiddle.net/ndecesare/Vh6Ts/ – Nick D Oct 19 '12 at 17:03
Have you definitely checked the console for errors? f12 on chrome will bring it up. My guess is you're not loading jQuery. – net.uk.sweet Oct 19 '12 at 20:28

html5 video mute

0 Answers0