この例のように 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 で機能しないのはなぜでしょうか?