📜  HTML | DOM onseeked 事件(1)

📅  最后修改于: 2023-12-03 15:15:35.483000             🧑  作者: Mango

HTML | DOM onseeked 事件

简介

onseeked 事件是HTML DOM中用于表示媒体元素(如音频或视频)在寻址结束后触发的事件。当媒体元素进行seek操作,且寻址结束后,onseeked事件将被触发。

语法
object.onseeked = function(){myScript};

其中,object代表媒体元素对象,myScript代表需要执行的脚本代码。

示例

在下面的示例中,我们演示了如何使用onseeked事件。在这个示例中,我们创建了一个video元素,并将其添加到网页中。点击按钮后,视频将进行seek操作并跳转到第5秒位置。在seek操作完成后,onseeked事件被触发并将弹出一条消息提示。

<!DOCTYPE html>
<html>
<body>

<video id="myVideo" width="320" height="176" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support HTML5 video.
</video>

<button onclick="seekVideo()">跳转至第5秒</button>

<script>
function seekVideo() {
  var vid = document.getElementById("myVideo");
  vid.currentTime = 5;
  vid.onseeked = function() {
    alert("Seek操作已完成!");
  };
}
</script>

</body>
</html>
属性

onseeked事件没有任何属性。

注意事项
  • onseeked事件只适用于媒体元素对象。

  • onseeked事件通常与媒体元素的currentTime属性一起使用,用于跳转到视频或音频的指定时间点。

  • onseeked事件只有在seek操作完成后才会被触发。如果在seek操作未完成时,执行了其他操作,则onseeked事件不会触发。

参考文献