onseeked 事件
描述
onseeked
事件在用户在媒体中跳转到新位置时发生。
音频和视频事件
加载媒体时,这些事件按以下顺序发生
事件 | 发生时间 |
---|---|
onloadstart | 媒体开始加载 |
ondurationchange | 媒体时长已更改 |
onloadedmetadata | 媒体的元数据已加载 |
onloadeddata | 媒体帧已加载 |
onprogress | 浏览器正在加载媒体 |
oncanplay | 元素滚动条正在滚动 |
oncanplaythrough | 浏览器估计可以播放媒体 |
onplay | 媒体开始播放 |
onplaying | 媒体开始或恢复 |
ontimeupdate | 指示的时间已更改 |
onended | 媒体已到达末尾 |
媒体加载或播放时可能发生的事件
事件 | 发生时间 |
---|---|
onabort | 媒体加载被中止 |
onemptied | 媒体为空(已加载) |
onerror | 加载媒体时发生错误 |
onpause | 媒体暂停 |
onratechange | 播放速率已更改 |
onseeked | 用户已跳转到新的媒体位置 |
onseeking | 用户开始跳转到新的媒体位置 |
onstalled | 媒体数据不可用 |
onsuspend | 浏览器未获取媒体数据 |
onvolumechange | 媒体音量已更改 |
onwaiting | 媒体正在等待下一帧 |
另请参阅
语法
技术详情
冒泡 | 否 |
---|---|
可取消 | 否 |
事件类型 | 事件 |
HTML 标签 | <audio> 和 <video> |
DOM 版本 | Level 3 Events |
更多示例
示例
此示例演示了 onseeking 事件和 onseeked 事件之间的区别
<video onseeking="myFunction()" onseeked="mySecondFunction()">
自己动手试一试 »
示例
使用 Video 对象的 currentTime 属性在用户完成移动/跳到新位置时显示当前播放时间位置
// 获取视频元素
const video = document.getElementById("myVideo");
// 为视频元素附加 seeked 事件
video.addEventListener("seeked", myFunction);
// 显示播放时间位置的函数
function myFunction() {
document.getElementById("demo").innerHTML = video.currentTime;
}
自己动手试一试 »
浏览器支持
onseeked
是 DOM Level 3 (2004) 功能。
所有现代浏览器都完全支持它
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 11 |