如何使用 jQuery 使 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

在此處查看所有活動

（旁注：如果在 jQuery < 1.6 中使用attr ）

Answer 2

如果你不想使用 jQuery，這里是 vanilla JavaScript：

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

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

它也適用於音頻，只需輸入元素的 id 即可使用（如果需要，還可以更改 var 名稱，更改為“媒體”或適合音頻/視頻的名稱）。

Answer 3

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