HTML中如何执行一个脚本,当媒体内容的播放位置发生变化时?
ontimeupdate属性事件在播放媒体,比如视频,的播放位置改变的时候触发。可以在视频或音频中进行快进或后退。
示例
你可以尝试运行下面的代码来实现ontimeupdate属性−
<!DOCTYPE html>
<html>
<body>
<h2 id="test">Play</h2>
<video id = "myid" width="320" height = "176" controls ontimeupdate = "myFunction()">
<source src = "/html5/foo.ogg" type = "video/ogg" />
<source src = "/html5/foo.mp4" type = "video/mp4" />
Your browser does not support the video element.
</video>
<script>
function myFunction() {
document.getElementById("test").innerHTML = "Current position: " +
document.getElementById("myid").currentTime;
}
</script>
</body>
</html>
广告
数据结构
网络
关系型数据库管理系统
操作系统
Java
iOS
HTML
CSS
安卓
Python
C语言
C++
C#
MongoDB
MySQL
Javascript
PHP