video要素を一時停止する

video要素で再生されているメディアを一時停止するには、videoElement.pauseメソッドを使用します。

構文

videoElement.pause();

サンプルコード

HTML

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

<p><button type="button" id="pause-btn">一時停止する</button></p>

JavaScript

var videoElem    = document.getElementById('video'),
    pauseBtnElem = document.getElementById('pause-btn');

pauseBtnElem.addEventListener('click', function() {
	videoElem.pause();
});

※ video要素にautoplay属性を指定していますが、iOSでは自動再生されません。
(muted属性を指定しかつメディアファイルに音声データが含まれない場合に限り自動再生が可能です。)

デモ

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