Google chrome HTML5视频实时更新事件不'；我不能在谷歌浏览器上工作_Google Chrome_Html5 Video

Google chrome HTML5视频实时更新事件不'；我不能在谷歌浏览器上工作

google-chrome

Google chrome HTML5视频实时更新事件不'；我不能在谷歌浏览器上工作,google-chrome,html5-video,Google Chrome,Html5 Video,我正在尝试中的HTML5视频标签，但并非所有东西都能正常工作我想使用ontimeupdate事件打印当前视频时间： <html> <head> <meta charset="UTF-8"> </head> <body> <video src="test.ogv" width='640' height='480' controls='controls'> </video> <div id=time>t

我正在尝试中的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>


时间
var video=document.getElementsByTagName（'video'）[0]；
var time=document.getElementById（'time'）；
video.ontimeupdate=函数（e）{
time.innerHTML=“当前时间：”+video.currentTime；
}

这适用于Opera和Firefox，但不适用于Google Chrome。

那么，为什么这段代码在Chrome中不起作用呢？

这对我来说是可行的，也许是Chrome的bug/错误，你的代码不起作用

<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>


时间
var video=document.getElementsByTagName（'video'）[0]；
var time=document.getElementById（'time'）；
函数timeupdate（）{
time.innerHTML='当前时间：'+video.currentTime；
}