Question

我正在尝试使用this example中的HTML5视频代码，但并非一切正常。

我想使用ontimeupdate事件打印当前视频时间：

<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<video src="test.ogv" width='640' height='480' controls='controls'>
</video>
<div id=time>time</div>
<script>
var video = document.getElementsByTagName('video')[0];
var time = document.getElementById('time');
video.ontimeupdate = function(e) {
  time.innerHTML="Current time: " + video.currentTime;
}
</script>
</body>
</html>

这适用于Opera和Firefox，但不适用于Google Chrome。那么，为什么这段代码无法在Chrome中运行？

Answer 1

这对我有用，也许chrome的错误/错误你的代码不起作用

<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<video src="test.mp4" width='640' height='480' controls='controls' ontimeupdate="timeupdate();">
</video>
<div id=time>time</div>
<script>
    var video = document.getElementsByTagName('video')[0];
    var time = document.getElementById('time');
    function timeupdate() {
        time.innerHTML = 'Current time: ' + video.currentTime;
    }
</script>
</body>
</html>

HTML5视频ontimeupdate事件在Google Chrome中无效

1 个答案: