最新的Web开发教程
 

HTML音频/视频DOM事件求

<HTML音频/视频DOM参考

当用户开始移动/跳跃到视频中的一个新的位置,提醒一些文字:

var vid = document.getElementById("myVideo");
vid.onseeking = function() {
    alert("Seek operation began!");
};
试一试»

更多“试一试”的例子。


定义和用法

当用户开始移动/跳过在音频/视频中的新位置时发生的事件求。

提示:寻求事件是相反seeked事件。

提示:使用currentTime音频/视频对象的属性来获取当前播放位置。


浏览器支持

在表中的数字指定完全支持该事件的第一个浏览器的版本。

事件
seeking 9

句法

在HTML:

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

在JavaScript:

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

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

audio|video .addEventListener("seeking", 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 seeking event to the <video>, and execute a function if a seek operation begins
vid.addEventListener("seeking", 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.onseeking = function() {
    alert("Seek operation began!");
};
试一试»

<HTML音频/视频DOM参考