最新的Web開發教程
 

HTML音頻/視頻DOM seeked事件

<HTML音頻/視頻DOM參考

當用戶完成移動/跳躍到視頻中的一個新的位置,提醒一些文字:

var vid = document.getElementById("myVideo");
vid.onseeked = function() {
    alert("Seek operation completed!");
};
試一試»

更多“試一試”的例子。


定義和用法

當用戶完成移動/跳過在音頻/視頻中的新位置時發生的事件seeked。

提示:seeked事件為在相反尋求事件。

提示:使用currentTime音頻/視頻對象的屬性來獲取當前播放位置。


瀏覽器支持

在表中的數字指定完全支持該事件的第一個瀏覽器的版本。

事件
seeked 9

句法

在HTML:

< audio|video onseeked="myScript"> Try it

在JavaScript:

audio|video .onseeked=function(){myScript}; Try it

在JavaScript中,使用addEventListener()方法:

audio|video .addEventListener("seeked", myScript ); Try it

注意: addEventListener()在Internet Explorer 8和更早版本不支持的方法。


技術細節

支持的HTML標籤: <audio> and <video>
支持的JavaScript對象: Audio, Video

更多示例

這個例子說明了追求事件和seeked事件之間的區別:

<video onseeking="myFunction()" onseeked="mySecondFunction()">
試一試»

使用視頻對象的currentTime屬性,當用戶完成移動/跳躍到新的位置來顯示當前播放時間的位置:

// Get the <video> element with id="myVideo"
var vid = document.getElementById("myVideo");

// Attach a seeked event to the <video>, and execute a function when a seek operation completes
vid.addEventListener("seeked", myFunction);

function myFunction() {
// Display the current position of the <video> in a p element with id="demo"
    document.getElementById("demo").innerHTML = vid.currentTime;
}
試一試»

當用戶完成移動/跳過在音頻中的新位置,提醒一些文字:

var aud = document.getElementById("myAudio");
aud.onseeked = function() {
    alert("Seek operation completed!");
};
試一試»

<HTML音頻/視頻DOM參考