用鼠標在屏幕上的位置控制您的視頻播放

Question

是否可以用鼠標在屏幕上控制視頻？例如，如果我的光標位於屏幕的左側，則視頻將位於第一幀，但當我將光標移動到屏幕的右側時，視頻將播放，直到光標到達我的屏幕右側。

我看着jQuery website的.mousemove（）部分，並認爲這應該是可能的。不過，我找不到任何這個在線的例子..

如果這不起作用，他們我正在考慮使用圖像序列，而不是。

期待着聽到您的想法，願景，體驗！

Answer 1

我這樣做：

var mouseX; 
    $(document).mousemove(function(e) { 
     mouseX = e.pageX; 

     var timV = $(".mask-video1 video").get(0).duration; 
     var valV = (timV*mouseX/$(window).width()); 

     $(".mask-video1 video").get(0).currentTime = valV; 

    });