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属性を指定しかつメディアファイルに音声データが含まれない場合に限り自動再生が可能です。)