使用屏幕上的鼠标位置控制视频播放

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;

  });