重複の可能性：
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);
});