如何靜音的HTML5視頻播放器

Question

我發現如何暫停和使用jquery

$("video").get(0).play(); 
$("video").get(0).pause(); 

播放視頻，但我找不到靜音按鈕，如果沒有一個jQuery的解決方案，我很好，只需一個onclick js解決方案。我需要它儘快。

也有解決靜音延遲的方法嗎？我希望它在按鈕被點擊後靜音/取消靜音。

Answer 1

$("video").prop('muted', true); //mute 

和

$("video").prop('muted', false); //unmute 

查看所有活動here

（邊注：attr如果jQuery的< 1.6使用）

Answer 2

您使用的是默認控件布爾屬性上的視頻標籤？如果是這樣，我相信所有支持的瀏覽器都有靜音按鈕。如果你需要連接它，在javascript的元素上設置.muted爲true（對於jquery使用.prop，因爲它是一個IDL屬性）。音量控制上的揚聲器圖標是chrome，ff，safari上的靜音按鈕，歌劇例如

Answer 3

如果你不想jQuery的，這裏的香草的JavaScript：

///Mute 
var video = document.getElementById("your-video-id"); 
video.muted= true; 

//Unmute 
var video = document.getElementById("your-video-id"); 
video.muted= false; 

它將爲音頻工作過，只是把元素的ID，它會工作（並更改變數名稱如果你願意的話，可以選擇'媒體'或者適合音頻/視頻的東西）。