HTML OnSeeked 事件属性|重定位视频/音频播放位置后执行脚本
定义与用法
onseeked 属性在用户重新定位视频/音频(audio/video)的播放位置后触发。
提示:
- 与 onseeked 属性相反的是 onseeking属性。
- 使用 currentTime 可以设置或返回视频/音频(audio/video)播放的当前位置 。
语法格式
< element onseeked=”Script”>
示例代码
在用户重新定位视频的播放位置后执行脚本:
<video onseeked="myFunction()">
浏览器支持
属性 | |||||
---|---|---|---|---|---|
onseeked | Yes | 9.0 | Yes | Yes | Yes |
表格中的数字表示支持onseeked事件属性的第一个浏览器的版本号。
技术细节
支持的 HTML 标签: | <audio>, <video> |
---|
更多示例
以下实例演示了 onseeking 属性和 onseeked 属性的区别:
<video onseeking="myFunction()" onseeked="mySecondFunction()">
在用户重新定位视频播放位置后,可以使用 Video 对象的 currentTime 属性来显示当前的播放位置:
// 获取 id="myVideo" 的 <video> 元素
var x = document.getElementById("myVideo");
// 如果寻找完成,即向 <video> 添加 seeked 事件,并执行响应的函数
x.addEventListener("seeked", myFunction);
function myFunction() {
// 显示 id="demo" 的 <p> 元素中的视频当前播放位置
document.getElementById("demo").innerHTML = x.currentTime;
}
在音频重新定位播放位置后执行脚本:
<audio onseeked="myFunction()">