2016-12-17 7 views
2

基本的に私はウェブビデオトラックバーとして機能する範囲要素を持っています。現在、それはマウスのように動作し、それがビデオのその位置にジャンプするが、問題は、ビデオがcurrentTimeが変更された場合、マウスがダウンしてからマウスが離される前にトラッカーがその位置に戻るそれがどこにあったのかというと、ユーザーがクリックしたときにビデオが新しい位置にジャンプしません。mousedown javascriptの範囲の値を変更しますか?

私の質問は、ビデオをのmousedownに変更することです。これはこれまでのところ私がやっていることです:

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();"> 

しかし、役に立たなかった。

mousedownでビデオを現在の方法で変更する方法を教えていただけたら本当にありがたいです。

感謝:)

答えて

1

それはすべての相互作用に発射inputイベントをお試しください

seeksl.addEventListener("input",vidSeek,false); 
関連する問題