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 に答える