Prevent user from seeking in HTML5 Video

Question

I'm trying to prevent a user from seeking but can't seem to get it to work. Here's how I bind to the event. Any ideas how I can prevent it from happening?

         @$('#video').bind("seeking", (e) =>
            e.preventDefault()
            e.stopPropagation()
          )

Answer 1

you can do what I did, hide the video element, keep a canvas in it's place, and keep some custom play/pause, mute/unmute button on it as overlay, and you can keep drawing the canvas using requestAnimationFrame or setTimeout

edit : a demo