videoObject.endedプロパティ

videoObject.endedは、埋め込み動画(video要素)の再生が終了したかどうかを取得するプロパティ。

構文

取得

var $ended = $videoElementReference.ended;

戻り値

ドキュメントに埋め込んだ動画ファイルの再生が終了したかどうか。

  • 再生が終了している場合、trueを返す。
  • 再生前や再生中の場合、falseを返す。

サンプル

再生が終了したかどうか:

サンプルの動作について

2014/02/01現在、Chromeでのみ動作確認。

  • 再生が終了している場合、「取得」ボタンをクリックすると、「再生が終了したかどうか:」の右側に「true」と表示する。
  • 再生前や再生中の場合、「取得」ボタンをクリックすると、「再生が終了したかどうか:」の右側に「false」と表示する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function getEnded( $ended ) {
    var $elementReference = document.getElementById( "sample" );
    $elementReference.ended = $ended;
    var $ended = $elementReference.ended;
    document.getElementById( "sampleOutputEnded" ).innerHTML = $ended;
}
</script>

HTML

<p id="sampleEnded">
    <button onclick="getEnded();">取得</button>
</p>
<p>再生が終了したかどうか:<span id="sampleOutputEnded"></span></p>
<video src="http://alphasis.info/wp-content/uploads/2014/01/javascript-dom-video-sample.mp4" id="sample" controls>
    <p>お使いのブラウザはvideo要素に対応していません。</p>
</video>

スポンサード リンク

カテゴリー: DOM, JavaScript, Videoオブジェクト, リファレンス パーマリンク