DOM

HTMLMediaElement.defaultMuted プロパティ

 編集:2022.11.02 by T.A.

[Edge]。→

HTMLMediaElement の音声出力を既定でミュートするかどうかを示します。

HTML の muted 属性を反映しています。

mdn: HTML の muted 属性を反映し、メディア要素の音声出力を既定でミュートするかどうかを示します。このプロパティは動的な効果はありません。音声出力をミュートおよびミュート解除するには、muted プロパティを使用してください。

構文
HTMLMediaElement.defaultMuted
HTMLMediaElement HTMLMediaElement

論理値。true:デフォルトでミュートされます。

mdnより
var videoEle = document.createElement('video');
videoEle.defaultMuted = true;
console.log(videoEle.outerHTML); // <video muted=""></video>

HTML:

<VIDEO id=IdTest src="../../Sample/Eizou_M.mp4"></VIDEO>
<VIDEO id=IdTest2 src="../../Sample/Eizou_M.mp4" muted></VIDEO>

JavaScript:

D=IdTest.defaultMuted;  //false
D=IdTest2.defaultMuted;  //

JavaScript:

IdTest.defaultMuted=true;
IdTest.src="../../Sample/Eizou_M.mp4";
IdTest.play();  //再生。

defaultMuted の設定が反映されていないようですが。音が出ています。

JavaScript:

IdTest2.src="../../Sample/Eizou_M.mp4";
IdTest2.play();
SPAN 要素に VIDEO 要素を組み込む

HTML:

<SPAN id=IdTest></SPAN>

JavaScript:

E=document.createElement('VIDEO');  //VIDEO 要素生成。
E.src="../../Sample/Eizou_M.mp4";  //ソースファイル指定。
E.defaultMuted=true;  //既定無音指定。
E.controls=true;  //コントロール部表示。
E.autoplay=true;  //自動再生。
IdTest.appendChild(E);  //IdTest の子ノードの末尾にノード追加。

これでも初期にミュートにならなかった。

appendChild()


テスト