手册

概览

JavaScript Array 对象 Location 对象 JavaScript anchor() 方法 JavaScript charCodeAt() 方法 HTML DOM readyState 属性 HTML DOM createAttribute() 方法 History 对象 button 事件属性 onmousemove 事件 onresize 事件 JavaScript match() 方法 onselect 事件 onunload 事件 ondblclick 事件 Window 对象 Navigator 对象 HTML DOM anchors 集合 HTML DOM forms 集合 onwheel 事件 screenY 事件属性 ondragend 事件 ondragover 事件 ondrop 事件 onloadedmetadata 事件 HTML DOM doctype 属性 onbeforeunload 事件 JavaScript toLowerCase() 方法 animationstart 事件 strictErrorChecking 属性 getElementsByName() 方法 createComment() 方法 ononline 事件 onmouseleave 事件 onoffline 事件 onmouseover 事件 documentElement 属性 onwaiting 事件 HTML DOM write() 方法 JavaScript 运算符 HTML DOM URL 属性 JavaScript substr() 方法 timeStamp 事件属性 JavaScript split() 方法 ontimeupdate 事件 animationiteration 事件 onseeking 事件 HTML DOM documentURI 属性 oninput 事件 relatedTarget 事件属性 Link rev 属性 HTML DOM createTextNode() 方法 transitionend 事件 onmouseout 事件 onkeyup 事件 oncanplaythrough 事件 ondragstart 事件 onplaying 事件 JavaScript atan2() 方法 onbeforeprint 事件 oncut 事件 cancelable 事件属性

Browser 对象

DOM 对象

HTML 对象

对象属性

JavaScript concat() 方法 JavaScript Array every() 方法 JavaScript Array filter() 方法 JavaScript indexOf() 方法 JavaScript join() 方法

首页大前端 JavaScript JavaScript 参考手册

onplaying 事件

阅读15778

更新时间2022-04-24

ondragstart 事件

JavaScript atan2() 方法

onplaying 事件

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>该实例演示了如何向 video 元素添加 "onplaying" 事件。</p>
<p>尝试播放，暂停然后再次播放视频。</p>
<video controls onplaying="myFunction()">
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    您的浏览器不支持 HTML5 video。
</video>
<script>
function myFunction() {
    alert("视频正在播放");
}
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

本文底部包含了更多实例。

定义和用法

onplaying 事件在视频/音频（audio/video）暂停或者在缓冲后准备重新开始播放时触发。

浏览器支持

表格中的数字表示支持该事件的第一个浏览器的版本号。

语法

HTML 中：

<element onplaying="myScript">尝试一下

JavaScript 中：

object.onplaying=function(){myScript};尝试一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("playing", myScript);尝试一下

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

技术细节

是否支持冒泡:	No
是否可以取消:	No
事件类型:	Event
支持的 HTML 标签:	<audio>, <video>

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>该实例演示了如何向 audio 元素添加 "onplaying" 事件。</p>
<p>尝试播放，暂停然后再次播放视频。</p>
<audio controls onplaying="myFunction()">
    <source src="horse.ogg" type="audio/ogg">
    <source src="horse.mp3" type="audio/mpeg">
    您的浏览器不支持 HTML5 video。
</audio>
<script>
function myFunction() {
    alert("视频正在播放");
}
</script>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

ondragstart 事件

JavaScript atan2() 方法