ホームページ > 記事 > ウェブフロントエンド > HTMLで再生と一時停止を実装する方法
HTMLで再生と一時停止を実装する方法
- 醉折花枝作酒筹オリジナル
- 2021-06-07 11:48:207491ブラウズ
HTML では、play メソッドを使用して現在のオーディオまたはビデオを再生し、pause メソッドを使用して現在のオーディオまたはビデオを一時停止できます。構文形式は「element object.play()/pause()」です。 」。これら 2 つのメソッドは一緒に使用されることが多く、controls プロパティを使用してビデオ コントロールを表示できます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
play() メソッドは、現在のオーディオまたはビデオの再生を開始します。
すべての主要なブラウザは play() メソッドをサポートしています。
注: Internet Explorer 8 以前のバージョンでは、この方法はサポートされていません。
pause() メソッドは、現在再生中のオーディオまたはビデオを停止 (一時停止) します。
ヒント: このメソッドは通常、play() メソッドとともに使用されます。
ヒント: ビデオ コントロール (再生、一時停止、検索、音量など) を表示するには、controls 属性を使用します。
<!DOCTYPEHTML>
<html>
<head>
<meta charset="utf-8">
<title>播放与暂停</title>
<script type="text/javascript">
var videoEl=null;
function Play(){
videoEl.play(); /* 播放视频 */
}
function Pause(){
videoEl.pause(); /* 暂停播放 */
}
window.onload=function(){
videoEl=document.getElementById("myPlayer");
}
</script>
</head>
<body>
<video id="myPlayer" src="resources/video.mp4" width="600" controls>
你的浏览器不支持video元素
</video><br>
<div id="time"></div>
<input type="button" value="播放" onclick="Play()" />
<input type="button" value="暂停" onclick="Pause()" />
</body>
</html>推奨学習: html ビデオ チュートリアル
以上がHTMLで再生と一時停止を実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。