Rumah >hujung hadapan web >html tutorial >html5 video怎么停止播放视频
html5 video怎么停止播放视频
- 青灯夜游asal
- 2021-05-20 16:30:2515539semak imbas
html5 video停止播放视频的方法：首先使用“document.getElementById("id值")”获取到video对象；然后使用“video对象.pause()”语句停止（暂停）当前播放的视频即可。
本教程操作环境：windows7系统、HTML5&&javascript1.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() 方法停止（暂停）当前播放的音频或视频。
更多编程相关知识，请访问：编程视频！！
Atas ialah kandungan terperinci html5 video怎么停止播放视频. 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：html5用什么工具开发