Javascript HTML视频没有在部署的站点上播放，真是乱七八糟

所以，我正在创建一个网站，一切都很酷，但视频真的很不稳定，无法加载。我以前从未遇到过这个问题，而且在控制台中也没有任何错误

问题：视频起伏较大，无法加载，播放时起伏较大

解决方案我想：指出正确的方向，我可以如何解决这个问题，以便视频正常播放时，用户按下播放

这是我的代码：

<div class="col-12">
                <video width="320" height="240" class="pt-3" controls preload="auto">
                    <source src="/videos/video1.MP4" type="video/mp4"> Your browser does not support the video tag.
                </video>
                <video width="320" height="240" controls class="pt-3" preload="auto">
                    <source src="/videos/video2.MOV" type="video/mp4"> Your browser does not support the video tag.
                </video>
                <video width="320" height="240" controls class="pt-3" preload="auto">
                    <source src="/videos/video3.MOV" type="video/mp4"> Your browser does not support the video tag.
                </video>
                <video width="320" height="240" controls class="pt-3" preload="auto">
                    <source src="/videos/video4.MP4" type="video/mp4"> Your browser does not support the video tag.
                </video>
            </div>
        </div>

您的浏览器不支持视频标记。
您的浏览器不支持视频标记。
您的浏览器不支持视频标记。
您的浏览器不支持视频标记。

---

我需要像..一样完成这件事。。一个小时，有人能帮我吗？谢谢。

您是否尝试过不预加载视频？

是的，还是相同的行为主义者将控件属性设置为键入错误？你必须用这种格式写吗，因为我想我在某个地方读到视频标签有src属性？谢谢你花时间回复。是的，视频标签有一个src，我的src指向一个包含视频的文件夹。控件只允许用户播放、暂停、快进等视频。没有它，我将不得不做一个自定义的控制面板，但它是不需要的，因为它是好的。我只是需要它正常工作@Yaeldo you have discorno i dont@Yael.mov不是一个通常支持的扩展（如果它们是mp4，您可以重命名它以避免混淆）。对于mp4视频，您是否已确保MOOV Atom处于最前端（请参阅），同时预加载（并可能播放）四个视频可能会遇到网络限制感谢您的回复@offbeat哺乳类动物学到了一些新东西。我正要查看你提供的链接。您能否提供有关如何正确加载视频的资源，以便用户可以播放他们想要的任何视频，但不会阻塞网络？谢谢，也谢谢@offbeatmeanimal让我知道。MOV通常不受支持。如果我尝试转换格式，也许我会有更好的运气。如果视频为流媒体（eg）进行了正确的优化，那么只要服务器有带宽就可以了。如果你有多个视频/并发用户，这将更具挑战性。您可以考虑一个分散的mp4解决方案（HLS或Dash），以便更快地启动和更好的网络resilience@Offbeatmammal非常感谢。