videoObject.play()メソッド

videoObject.play()は、埋め込み動画(video要素)を再生するメソッド。

構文

$videoElementReference.play();

サンプル

サンプルの動作について

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

  • 「再生」ボタンをクリックすると、動画ファイルを再生する。
  • 「一時停止」ボタンをクリックすると、動画ファイルの再生を一時停止する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function samplePlay() {
    var $elementReference = document.getElementById( "sample" );
    $elementReference.play();
}
function samplePause() {
    var $elementReference = document.getElementById( "sample" );
    $elementReference.pause();
}
</script>

HTML

<p>
    <button onclick="samplePlay();">再生</button>
    <button onclick="samplePause();">一時停止</button>
</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オブジェクト, リファレンス パーマリンク