HTML 參考手冊(cè)

HTML 標(biāo)簽大全

HTML 音頻/視頻 DOM playing 事件

playing事件，當(dāng)播放準(zhǔn)備開(kāi)始時(shí)(之前被暫停或者由于數(shù)據(jù)缺乏被暫緩)被觸發(fā)

在線示例

視頻播放時(shí)彈出提示信息：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 音頻/視頻 onplaying事件使用-菜鳥(niǎo)教程(cainiaoplus.com)</title>
</head>
<body>
<p>播放，暫停再播放視頻。</p>
<video id="myVideo" width="320" height="176" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
  您的瀏覽器不支持 HTML5 video 標(biāo)簽。
</video>
<script>
var vid = document.getElementById("myVideo");
vid.onplaying = function() 
{
    alert("視頻正在播放");
};
</script> 
</body>
</html>

測(cè)試看看 ?/?

定義和用法

playing 事件在音頻/視頻(audio/video)因緩沖而暫?；蛲Ｖ购笠丫途w時(shí)觸發(fā)。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

語(yǔ)法

HTML 中：

<audio|video onplaying="myScript">嘗試一下

JavaScript 中：

audio|video.onplaying=function(){myScript};嘗試一下

JavaScript 中, 使用 addEventListener() 方法:

audio|video.addEventListener("playing", 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 音頻/視頻 onplaying事件使用-菜鳥(niǎo)教程(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.onplaying = function() 
{
    alert("音頻正在播放");
};
</script>
</body>
</html>

測(cè)試看看 ?/?

HTML 音頻/視頻 DOM 參考手冊(cè)

HTML: <template> 標(biāo)簽