當(dāng)暫停媒體播放時(shí) pause 事件觸發(fā), 并且媒體進(jìn)入暫停狀態(tài),最常見的是通過pause()方法來觸發(fā)。 當(dāng)pause() 觸發(fā)時(shí)pause狀態(tài)只改變1次,并且媒體的pause變成 true。
在視頻暫停時(shí)彈出提示信息:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 onpause 事件使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<p>視頻播放及暫停。</p>
<video id="myVideo" width="320" height="176" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
您的瀏覽器不支持 HTML5 video 標(biāo)簽。
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onpause = function()
{
alert("視頻暫停播放");
};
</script>
</body>
</html>測(cè)試看看 ?/?pause 事件在音頻/視頻(audio/video)暫停時(shí)觸發(fā)。
提示: play 事件在音頻/視頻(audio/video)開始播放時(shí)觸發(fā)(或取消暫停)。
IEFirefoxOperaChromeSafari
HTML 中:
<audio|video onpause="myScript">嘗試一下
JavaScript 中:
audio|video.onpause=function(){myScript};嘗試一下
JavaScript 中, 使用 addEventListener() 方法:
audio|video.addEventListener("pause", myScript);嘗試一下
注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技術(shù)細(xì)節(jié)| 支持的 HTML 標(biāo)簽: | <audio> 和<video> |
|---|---|
| 支持的 JavaScript 對(duì)象: | Audio, Video |
在音頻暫停播放時(shí)彈出提示信息:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻暫停播放onpause 事件使用-菜鳥教程(cainiaoplus.com)</title>
</head>
<body>
<p>音頻播放及暫停。</p>
<audio id="myAudio" controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的瀏覽器不支持 audio 元素。
</audio>
<script>
var aud = document.getElementById("myAudio");
aud.onpause = function()
{
alert("音頻暫停播放");
};
</script>
</body>
</html>測(cè)試看看 ?/?