实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
​
5
<p>该实例中，我们向 video 元素添加了 "seeked" 事件。  currentTime 属性返回视频播放的当前位置。</p>
6
​
7
<p>移动视频新的播放位置。</p>
8
​
9
<video id="myVideo" controls>
10
  <source src="/upload/love/movie.mp4" type="video/mp4">
11
  <source src="mov_bbb.ogg" type="video/ogg">
12
  您的浏览器不支持 HTML5 video。
13
</video>
14
​
15
<p>播放位置: <span id="demo"></span></p>
16
​
17
<script>
18
// 获取 id="myVideo" 的 <video> 元素
19
var x = document.getElementById("myVideo");
20
​
21
// 如果寻找完成，即向视频添加 seeked 事件，并执行响应的函数
22
x.addEventListener("seeked", myFunction);
23
​
24
function myFunction() {
25
    // 显示 id="demo" 的 p 元素中的视频当前播放位置
26
    document.getElementById("demo").innerHTML = x.currentTime;
27
}
28
</script>
29
​
30
</body>
31
</html>
32