视频文件滞后于html页面

我今天从我的应用程序上传了一个视频文件到s3,当我上下滚动时,该文件导致页面滞后。

这是一个 fiddle 重复了这个问题。

    <video style="width: 200px" id="video-player" class="w-full" playsinline="" controls="" src="https://bjj-mentor-prod.s3.amazonaws.com/feedback-requests/11c2190c-85cc-446c-895d-048c5adbad22/35f92e3f-4923-4c32-8085-0908cc2ce812.mov"></video>

是否存在编解码器问题?

已将MOV文件上载到s3。希望它能轻松呈现。

我还将其转换为mp4、webm等,问题仍然存在,但我从付费服务中进行了“修复”,演示似乎效果更好。