Rumah >hujung hadapan web >html tutorial >html如何实现audio停止
html如何实现audio停止
- 醉折花枝作酒筹asal
- 2021-06-08 17:02:184761semak imbas
在html中，可以使用puase方法实现audio停止，语法格式为“对象.pause();”。“pause()”方法停止（暂停）当前播放的音频或视频，通常与“play()”方法一起使用，同时使用controls属性来显示音频控件。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
pause() 方法停止（暂停）当前播放的音频或视频。
提示： 该方法通常与 play() 方法一起使用。
提示：使用controls 属性来显示音频控件 (如音频上的： play, pause, seeking, volume, 等)。
示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>视频播放</title>
</head>
<body>
<script>
window.onload =function(){
var ov=document.getElementById("a1");
ov.onmouseover=function() {
this.play();
}
ov.onmouseout =function() {
this.pause();
}
};
</script>
<video id="a1" src="陈奕迅 - 陪你度过漫长岁月.mp4" controls loop width="400" height="400">你的浏览器不支持</video>
</body>
</html>效果：
play() 方法开始播放当前的音频。
其中鼠标箭头移动到视频中时，触发play功能，视频开发播放；
鼠标箭头离开视频时，触发pause功能，视频暂停播放。
推荐学习：html视频教程
Atas ialah kandungan terperinci html如何实现audio停止. 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邮件是什么