基本上,我有一个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);