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 版本 | 级别 3 事件 |
更多示例
示例
此示例演示了 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 级别 3 (2004) 功能。
它在所有现代浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 11 |
