靜音/取消靜音視頻無法正常工作 - jQuery

Question

我試圖使用jQuery按按鈕時製作視頻靜音並取消靜音。將視頻靜音正在工作，取消靜音不會。

這是我走到這一步......

的jQuery：

$('#volume').click(function(){ 
    $(this).toggleClass('mute unmute'); 
}); 

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

$('.unmute').click(function(){ 
    $("video").prop('muted', false); 
}); 

HTML：

<div id="volume" class="mute"></div> 

<video id=""v class="videoPlayer" loop autoplay> 
    <source type="video/mp4" src="assets/vid/bg.mp4"> 
</video> 

CSS：

#volume { 
height:50px; 
width:50px; 
background:red;} 

任何建議如何解決這個？

Answer 1

http://jsbin.com/mute-unmute-video-jquery/器（Chrome）

所有你需要：

$('#volume').click(function(){ 
    $('video')[0].muted ^= 1; // Toggle mute 1/0 
    $(this).toggleClass('mute unmute'); 
}); 

_{BTW你的代碼是行不通的，因爲你是針對動態生成的className .unmute選擇，這意味着使用.on()法代表團。}

也略有修改你的CSS：

#volume { 
    height:50px; 
    width:50px; 
    /* Don't use background here */ 
} 
.mute{ 
    background:red; 
} 
.unmute{ 
    background:blue; 
} 

P.S：您還可以做很多簡單的使用它one class only