HTML5视频持续时间

HTML5 video duration

本文关键字：持续时间 视频 HTML5      更新时间：2023-09-26

这里有一个javascript函数：

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

我可以这样称呼它：<button onclick='displayDuration()'>Display duration</button>

但我想在div中显示当前时间，从一开始就没有按钮，这样它就可以继续自我动态更新，就像youtube一样。

请帮忙！

将函数绑定到视频的timeupdate事件，而不是按钮的click事件，或者通过setInterval 运行它

对不起，伙计们，我找到了答案： 
<script>
var vid = document.getElementById('screen');
vid.addEventListener('timeupdate',function(){
//whatever
});
</script>
相关文章：