ホームページ > 記事 > ウェブフロントエンド > HTML5ビデオでビデオの再生を停止する方法
HTML5ビデオでビデオの再生を停止する方法
- 青灯夜游オリジナル
- 2021-05-20 16:30:2515462ブラウズ
html5 ビデオの再生を停止するビデオ メソッド: 最初に「document.getElementById("id value")」を使用してビデオ オブジェクトを取得し、次に「video object.pause()」ステートメントを使用して停止 (一時停止) します。 ) 現在再生中のビデオ ビデオのみ。
このチュートリアルの動作環境: Windows7 システム、HTML5&&JavaScript バージョン 1.8.5、Dell G3 コンピューター。
html5 videoビデオの再生を停止
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div style="text-align:center">
<button onclick="playPause()">播放/暂停</button>
<br><br>
<video id="video1" width="420">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video 标签。
</video>
</div>
<script>
var myVideo=document.getElementById("video1");
function playPause()
{
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
</script>
</body>
</html>レンダリング:
関連関数の説明:
play() メソッドは、現在のオーディオまたはビデオの再生を開始します。
pause() メソッドは、現在再生中のオーディオまたはビデオを停止 (一時停止) します。
プログラミング関連の知識について詳しくは、プログラミング ビデオをご覧ください。 ！
以上がHTML5ビデオでビデオの再生を停止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：HTMLで背景色を変更する方法次の記事：HTMLで背景色を変更する方法