HTML 5视频播放器用给定的数字更新currentTime

HTML 5 video player update currentTime with given number

本文关键字:数字 更新 currentTime 视频 播放器 HTML      更新时间:2023-09-26

我想用用户给定的编号更新currentTime

例如,我有18.20分钟的视频,当用户给出1.46作为输入时,它应该从1.46分钟播放视频,如果用户给出4.56分钟,它应该在4.56分钟播放

我正在尝试将给定的分钟数转换为数字,但我认为这是错误的

function minsToNumber(d) {
        d = Number(d);
        var h = Math.floor(d / 3600);
        var m = Math.floor(d % 3600 / 60);
        var s = Math.floor(d % 3600 % 60);
        return ((h > 0 ? h + "." + (m < 10 ? "0" : "") : "") + m + "." + (s < 10 ? "0" : "") + s);
    }

有谁能给出正确的计算来做这件事?

HTMLMediaElement.currentTime属性提供当前播放时间(秒)。设置此值可将媒体定位到新时间。

因此,如果你需要4分55秒,你必须使用这个值:4*60+55=295

var video = document.getElementById('video');
video.currentTime = 295; // seconds

完整样本:(与@Kaiido合作创建)

var toSeconds = function(time) {
  time = ('' + time).split('.');
  return +time[0] * 60 + +time[1];
};
toSeconds('4.55'); // 295
toSeconds(4.55); // 295