jquery - html5视频静音

Question

可能重复：
如何使 html5 视频播放器静音

现在创建 HTML5 视频静音按钮的正确方法是什么？我已经在这个网站上尝试了其他答案，但它不起作用。

这是我的链接 HTML：

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

我的视频：

<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>

和我的 jQuery：

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