(Feature Request) Double Tap or Drag to Seek for Mobile

It would be fantastic if there could be an option to seek back and forth in the video by double tapping or dragging on mobile screens.

For my use case, easily jumping back and forwards in the video is really important. For desktops users I made keyboard bindings that trigger these commands:

forward jump:

this.player.seekTo(this.player.getCurrentTime() + seekInterval);

backward jump:

this.player.seekTo(this.player.getCurrentTime() - seekInterval);

I made separate buttons that the mobile users can use, but it would be really nice to have something right in the player itself that works by tapping on the sides of the video (similar to YouTube’s implementation or even better, by dragging on the video (like MX Player does – perhaps even with a seconds per cm of swipe flexibility like they have?).

[adueck]

@oyeanuj Sure, here’s a really stripped down example. It’s a page in a next.js app without all the layout and formatting etc. But it shows the functionality of swiping and keyboard shortcuts for seeking. (I could post a fuller example with an app in a repo later after I work out some more features that I want to add)

https://gist.github.com/adueck/a8217fddcb4648c64fff29df83af2f59

[oyeanuj]

@adueck This is awesome, thanks for sharing!