title: Video is lagging when using currentTime
body: <p>I have a simple HTML page and I play a video on the page. I use the scrollbar as the seekbar. In other words, video plays as long as the user scrolls.</p>
  
  <p>I've seen this effect used in couple places and wanted to create it myself. The script I wrote is fully functioning, but there's a small problem: the video itself.</p>
  
  <p>The videos from the examples run smoothly, but the videos that I created, they lag. I can't seem to figure out the cause. I've tried different combination of FPS, resolution, bit rate, but they didn't help.</p>
  
  <p>The only difference among the videos that I could find is when I play the videos from the examples, I can seek any frame on MPC (K-Lite). I can seek only 3-4 frames on the videos that I've created. So the problem might be related to that. I'm not sure. If it's about that, I need a way to make the videos fully seekable. How do I do that?</p>
  
  <p><a href="https://akinuri.github.io/sticky-scrollable-video/" rel="noreferrer">https://akinuri.github.io/sticky-scrollable-video/</a> (online demo)
  <br>
  <a href="https://github.com/akinuri/sticky-scrollable-video" rel="noreferrer">https://github.com/akinuri/sticky-scrollable-video</a> (repo, check for details)
  <br>
  <a href="https://www.audi.com.tr/tr/web/tr/modeller/a8/a8-l.html" rel="noreferrer">https://www.audi.com.tr/tr/web/tr/modeller/a8/a8-l.html</a> (sticky scrollable video)
  <br>
  codepen.io/ollieRogers/pen/lfeLc (scrollable video)</p>
  
  <p>Online demo plays the smooth/seekable video (from Audi). To see the difference between videos, you have to download the project from GitHub. Two videos (Audi and Chrome_ImF.ogv) are smooth/seekable. Other two (Chrome_icon, bedroom.mp4) are problematic/lags (only few frames are seekable).</p>
  
  <hr>
  
  <p><sub>Chrome/Opera produces smoother playback than Firefox. I'm using Premiere Pro for the videos.</sub></p>
  
  <p><sub><strong>Edit:</strong> While the linked question talks about the same problem, I can't mark my question as a duplicate of it. Why? It's 3 years old, has only 1 answer, the answer isn't accepted, and it is poor. Video editing isn't my main occupation, so I can't make a direct inference from an answer. Answers should be given elaborately. My Q/A is more detailed. So I doubt that anyone viewing both questions would prefer the old one to this.</sub></p>