HTML5视频ontimeupdate事件在Google Chrome中不起作用

我在尝试使用HTML5视频标记，如this example，但并非所有内容都正常。HTML5视频ontimeupdate事件在Google Chrome中不起作用

我想用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，而不是在谷歌浏览器。那么，为什么这段代码在Chrome中不起作用？

来源

2013-03-22 hank

这个工作对我来说，也许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-22 15:33:05

谢谢。此代码有效。 – hank 2013-03-25 06:53:30

HTML5视频ontimeupdate事件在Google Chrome中不起作用

回答

相关问题