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中不起作用

回答

相關問題