javascript - HTML5 動画の長さ

Question

ここにJavaScript関数があります：

function displayDuration(){
var vdo = document.getElementById('v');
document.getElementById('dur').innerHTML = vdo.currentTime+" / "+vdo.duration;
}

私はこのように呼び出すことができます:<button onclick='displayDuration()'>Display duration</button>

しかし、YouTubeのように動的に自己更新し続けるように、最初からボタンを使用せずに現在の時間をdivに表示したいと思います。

助けてください！

score 0 · Accepted Answer

申し訳ありませんが、私は私の答えを見つけました：

<script>
var vid = document.getElementById('screen');
vid.addEventListener('timeupdate',function(){
//whatever
});
</script>

score 0 · Accepted Answer

Bind the function to the video's timeupdate event instead of a button's click event, or run it via setInterval

2 に答える 2