web-dev-qa-db-ja.com

html5ビデオプレーヤーをミュートする方法

Jqueryを使用してビデオを一時停止して再生する方法を見つけました

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

しかし、ミュートボタンが見つかりません。jqueryソリューションがない場合は、onclick jsソリューションで十分です。できるだけ早く必要です。

ミュートの遅延を修正する方法もありますか？ボタンがクリックされたらすぐに音をミュート/ミュート解除したいです。

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

そして

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

すべてのイベントを見る こちら

（補足：jQuery <1.6の場合はattrを使用）

104
Neal

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を入力するだけで機能します（必要に応じて変数名を「メディア」またはオーディオ/ビデオの両方に適したものに変更します）。

62
delroh

動画タグでデフォルトのコントロールブール属性を使用していますか？もしそうなら、私はすべてのサポートするブラウザがミュートボタンを持っていると信じています。接続する必要がある場合は、javascriptの要素で.mutedをtrueに設定します（jqueryにはIDL属性なので.propを使用します）。ボリュームコントロールのスピーカーアイコンは、chrome、ff、safari、およびoperaたとえば

0
kinakuta