onseeking 事件
描述
onseeking
事件在使用者開始在媒體中尋找新位置時發生。
音訊和影片事件
載入媒體時,這些事件按以下順序發生
事件 | 發生時間 |
---|---|
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()">
自己動手試一試 »
示例
使用影片物件的 currentTime 屬性在使用者開始跳到新位置時顯示當前播放時間位置
// 獲取 <video> 元素
const video = document.getElementById("myVideo");
// 將 seeking 事件附加到 <video> 元素
x.addEventListener("seeking", myFunction);
// 用於顯示影片當前位置的函式
function myFunction() {
document.getElementById("demo").innerHTML = video.currentTime;
}
自己動手試一試 »
瀏覽器支援
onseeking
是 DOM Level 3 (2004) 特性。
所有現代瀏覽器都完全支援它
Chrome | Edge | Firefox | Safari | Opera | IE |
是 | 是 | 是 | 是 | 是 | 11 |