video要素を再生する

video要素に埋め込んだメディアファイルを再生するには、videoElement.playメソッドを使用します。

構文

videoElement.play();

サンプルコード

HTML

<video id="video">
	<source src="media/sample.mp4">
	<source src="media/sample.ogv">
	<source src="media/sample.webm">
</video>

<p><button type="button" id="play-btn">再生する</button></p>

JavaScript

var videoElem   = document.getElementById('video'),
    playBtnElem = document.getElementById('play-btn');

playBtnElem.addEventListener('click', function() {
	videoElem.play();
});

デモ

JavaScript逆引きリファレンス一覧へ戻る