HTML 5视频播放器用给定的数字更新currentTime
HTML 5 video player update currentTime with given number
我想用用户给定的编号更新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
相关文章:
- HTML 5视频播放器用给定的数字更新currentTime
- 使用 javascript 在网页上的同一位置更新数字
- 如何基于表单字段类型自动更新价格=“;数字”;
- 从表单、计算和使用 javascript 更新 html 内容中获取数字值
- JavaScript:数字计数器实时更新
- 如何将加号和减号附加到数字输入和更新值
- 通过参数更新数字变量的函数无法正确更新数字变量
- 两个链接的自动更新(根据另一个中的输入)数字输入字段与JavaScript
- 有没有办法在不使用循环的情况下更新多个文档以将特定数字添加到一列
- 更新 jQuery UI 工具提示上的数字
- 根据数字排序顺序更新自动重新排列HTML列表
- 需要使用jquery更新基于数字输入的表单输入
- 在$index达到某个数字后更新a范围值
- jQuery:数字未更新,更改为0
- 数字计数器不更新HTML上的键码按
- 获取活动幻灯片并更新每张新幻灯片上的数字
- 更新循环,使13是num1和num2之间的数字
- 更新大量的数字
- 更新输入数字变量onclick
- 用两位数字更新输入(type="Number")