videoObject.defaultMutedは、埋め込み動画(video要素)の初期設定の再生音量がミュート(消音)かどうかを取得するプロパティ。
構文
取得
var $defaultMuted = $videoElementReference.defaultMuted;
戻り値
ドキュメントに埋め込んだ動画ファイルの初期設定の再生音量がミュート(消音)かどうか。
- 音をミュートするように設定してあれば、
true
を返す。 - 音をミュートするように設定してなければ、
false
を返す。
サンプル
【サンプルA】
video要素のdefaultMuted属性の値:
【サンプルB】
video要素のdefaultMuted属性の値:
サンプルの動作について
2014/02/01現在、Chromeでのみ動作確認。
- 2014/01/26現在、FirefoxとChromeで動作確認。
- 「取得」ボタンをクリックすると、初期設定の再生音量がミュート(消音)状態かどうかを取得する。【サンプルA】の「video要素のdefaultMuted属性の値:」の右側に「true」と表示する。【サンプルB】の「video要素のdefaultMuted属性の値:」の右側に「false」と表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getMuted() {
var $defaultMutedA = document.getElementById( "sampleA" ).defaultMuted;
var $defaultMutedB = document.getElementById( "sampleB" ).defaultMuted;
document.getElementById( "sampleAOutputMuted" ).innerHTML = $defaultMutedA;
document.getElementById( "sampleBOutputMuted" ).innerHTML = $defaultMutedB;
}
</script>
function getMuted() {
var $defaultMutedA = document.getElementById( "sampleA" ).defaultMuted;
var $defaultMutedB = document.getElementById( "sampleB" ).defaultMuted;
document.getElementById( "sampleAOutputMuted" ).innerHTML = $defaultMutedA;
document.getElementById( "sampleBOutputMuted" ).innerHTML = $defaultMutedB;
}
</script>
HTML
<p>
<button onclick="getMuted();">取得</button>
</p>
<div id="sampleAWrap">
<p>【サンプルA】</p>
<p>video要素のdefaultMuted属性の値:<span id="sampleAOutputMuted"></span></p>
<video src="http://alphasis.info/wp-content/uploads/2014/01/javascript-dom-video-sample.mp4" id="sampleA" controls muted>
<p>お使いのブラウザはvideo要素に対応していません。</p>
</video>
</div>
<div id="sampleBWrap">
<p>【サンプルB】</p>
<p>video要素のdefaultMuted属性の値:<span id="sampleBOutputMuted"></span></p>
<video src="http://alphasis.info/wp-content/uploads/2014/01/javascript-dom-video-sample2.mp4" id="sampleB" controls>
<p>お使いのブラウザはvideo要素に対応していません。</p>
</video>
</div>
<div style="clear: left;"></dvi>
<button onclick="getMuted();">取得</button>
</p>
<div id="sampleAWrap">
<p>【サンプルA】</p>
<p>video要素のdefaultMuted属性の値:<span id="sampleAOutputMuted"></span></p>
<video src="http://alphasis.info/wp-content/uploads/2014/01/javascript-dom-video-sample.mp4" id="sampleA" controls muted>
<p>お使いのブラウザはvideo要素に対応していません。</p>
</video>
</div>
<div id="sampleBWrap">
<p>【サンプルB】</p>
<p>video要素のdefaultMuted属性の値:<span id="sampleBOutputMuted"></span></p>
<video src="http://alphasis.info/wp-content/uploads/2014/01/javascript-dom-video-sample2.mp4" id="sampleB" controls>
<p>お使いのブラウザはvideo要素に対応していません。</p>
</video>
</div>
<div style="clear: left;"></dvi>