javascript - 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

すべてのイベントはこちら

(補足: attrjQuery < 1.6 の場合に使用)

Answer 2

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

Answer 3

video タグでデフォルトのコントロールのブール属性を使用していますか? もしそうなら、サポートしているすべてのブラウザにミュート ボタンがあると思います。接続する必要がある場合は、javascript の要素で .muted を true に設定します (IDL 属性であるため、jquery には .prop を使用します)。音量コントロールのスピーカー アイコンは、chrome、ff、safari、およびたとえばオペラ