0

我正在尝试本示例中的 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 中不起作用？

4

1 回答 1

2

这对我有用，也许 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>
于 2013-03-22T15:33:05.620 回答