onseeking 事件
HTML DOM 的 onseeking 事件在用户开始重新定位视频/音频 ( audio/video ) 时触发
与 onseeking 事件相反的是 onseeked 事件
使用 currentTime 可以设置或返回视频/音频 ( audio/video ) 播放的当前位置
语法
HTML
<element onseeking=" /*myScript*/ ">
JavaScript
object.onseeking=function(){ /*myScript*/ };
JavaScript 使用 addEventListener() 方法
object.addEventListener("seeking", /*myScript*/);
Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法
浏览器支持
Yes | 9.0+ | Yes | Yes | Yes |
其它
是否支持冒泡 | No |
---|---|
是否可以取消 | No |
事件类型 | Event |
支持的 HTML 标签 | <audio>, <video> |
范例
在用户开始重新定位视频的播放位置时执行 JavaScript
<video onseeking="myFunction()">
范例
onseeking 事件和 onseeked 事件的区别
<video onseeking="myFunction()" onseeked="mySecondFunction()">
范例
在用户开始重新定位播放位置时,可以使用 Video 对象的 currentTime 属性来显示当前的播放位置
// 获取 id="myVideo" 的 <video> 元素 var x = document.getElementById("myVideo"); // 如果寻找开始,即向 <video> 添加 seeking 事件,并执行响应的函数 x.addEventListener("seeking", myFunction); function myFunction() { // 显示 id="demo" 的 <p> 元素中的视频当前播放位置 document.getElementById("demo").innerHTML = x.currentTime; }
范例
在音频开始重新定位播放位置时执行 JavaScript
<audio onseeking="myFunction()">