jquery - 通过屏幕上的鼠标位置控制视频播放

Question

是否可以用鼠标在屏幕上的位置控制视频？

因此，例如，如果我的光标在屏幕的左侧，视频将在第一帧，但是当我将光标移动到屏幕的右侧时，视频会一直播放直到光标到达我的右侧屏幕。

我查看了jQuery 网站的 .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;

  });