title: Video background on scroll playing not smooth
body: <p>I implement a video background that plays by scroll, based on this pen:
  <a href="https://codepen.io/ollieRogers/pen/DPbRMz" rel="nofollow noreferrer">Original</a></p>
  <p>I changed only the video URL, and with my video, the transition on the scroll is not smooth:
  <a href="https://codepen.io/orenroth/pen/eYVGydq" rel="nofollow noreferrer">My video</a></p>
  <pre><code>&lt;source type=&quot;video/mp4&quot; src=&quot;https://staging-datagen.kinsta.cloud/app/uploads/2022/05/DG_Full_Scroll_noScreen-1-1.mp4&quot;&gt;&lt;/source&gt;
  </code></pre>
  <p>I tried many things (changing the format, resizing the resolution, and lowering the quality of the video) none of them worked.</p>
  <p>Do you have any idea why it is happening?</p>