如何在 HTML 中获取视频时间戳
How to get video timestamp in HTML
我正在做一个项目,我需要将视频的时间戳以实际时间格式显示为“01:12:50”。下面是我的代码,其中 return 视频的当前时间作为帧率,即“12.526”。
任何人都可以帮助我如何将它更改为实际时间,或者有什么方法可以使用 html 和 javascript.
直接获取视频时间戳
<video id="myVideo" width="740px" height="600px"></video>
<div id="timer"> </div>
<script>
document.getElementById("myVideo").addEventListener('timeupdate', function() {
document.getElementById("timer").innerHTML = this.currentTime;
currentTime = this.currentTime;
});
</script>
你可以做一个简单的数学运算!
document.getElementById("myVideo").addEventListener('timeupdate', function() {
var hours=parseInt(video.currentTime/(60*60),10);
var minutes = parseInt(video.currentTime / 60, 10);
var seconds = video.currentTime % 60;
if (hours==0) {
documentgetElementById("timer").innerHTML=minutes+":"+seconds.toFixed(0)
} else {
document.getElementById("timer").innerHTML=hours+":"+minutes+":"+seconds.toFixed(0)
}
});
您可能需要也可能不需要 if else 代码。您可以随意更改。
如果对您的问题有帮助,请标记为答案。
我正在做一个项目,我需要将视频的时间戳以实际时间格式显示为“01:12:50”。下面是我的代码,其中 return 视频的当前时间作为帧率,即“12.526”。 任何人都可以帮助我如何将它更改为实际时间,或者有什么方法可以使用 html 和 javascript.
直接获取视频时间戳 <video id="myVideo" width="740px" height="600px"></video>
<div id="timer"> </div>
<script>
document.getElementById("myVideo").addEventListener('timeupdate', function() {
document.getElementById("timer").innerHTML = this.currentTime;
currentTime = this.currentTime;
});
</script>
你可以做一个简单的数学运算!
document.getElementById("myVideo").addEventListener('timeupdate', function() {
var hours=parseInt(video.currentTime/(60*60),10);
var minutes = parseInt(video.currentTime / 60, 10);
var seconds = video.currentTime % 60;
if (hours==0) {
documentgetElementById("timer").innerHTML=minutes+":"+seconds.toFixed(0)
} else {
document.getElementById("timer").innerHTML=hours+":"+minutes+":"+seconds.toFixed(0)
}
});
您可能需要也可能不需要 if else 代码。您可以随意更改。
如果对您的问题有帮助,请标记为答案。