Rumah > Artikel > hujung hadapan web > html如何实现播放和暂停
html如何实现播放和暂停
- 醉折花枝作酒筹asal
- 2021-06-07 11:48:207549semak imbas
在html中，可以使用play方法播放当前的音频或视频，使用pause方法暂停当前的音频或视频，语法格式为“元素对象.play()/pause()”。这两种方法通常一起使用，可以使用controls属性来显示视频控件。
本教程操作环境：windows7系统、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视频教程
Atas ialah kandungan terperinci html如何实现播放和暂停. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：HTML中新建表格怎么加背景Artikel seterusnya：html中的clear是什么意思