基本上,我有一个range元素,可以用作我的网络视频跟踪栏。目前,它的工作方式就像是将鼠标按下并释放回去,然后跳到视频的那个位置,但是问题是,如果视频currentTime发生了变化,如果鼠标按下并且释放之前,如果鼠标按下,则跟踪器会返回到它是它所处的位置,并且在用户单击时视频不会跳到新位置。

我的问题是如何在鼠标按下时更改视频currentTime。到目前为止,我正在这样做:

var seeksl = document.getElementById('vidskb_r');
seeksl.addEventListener("change",vidSeek,false);
function vidSeek(){
    var skto=vid.duration*(seeksl.value/100);
    vid.currentTime=skto;
}


就像范围值已更改一样。

seeksl.addEventListener("mousedown",vidSeek,false);
AND in my html range tag
<input type="range" class="vidskb_r" value="0" step="1" min="0" max="100" onmousedown="vidSeek();">


但是没有人帮助。

如果有人能告诉我如何在鼠标按下时更改视频当前时间,我将不胜感激。

谢谢:)

最佳答案

尝试在每次互动时触发的input事件

seeksl.addEventListener("input",vidSeek,false);

10-08 08:12