视频元素在网站上无法正常工作

Question

我已经在网站上添加了一个视频，但它在 Firefox 上无法正常工作。它卡在 firefox 中，但在其他浏览器上运行良好

<style>
    body {
        margin: 0;
    }
    video {
        position: static;
        width: 100%;
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
    }

</style>

<div class="overlay"></div>
<video autoplay="" muted="" loop="" id="myVideo">
    <source src="valeo.mp4" type="video/mp4" >
</video>

Answer 1

一个视频在 Firefox 上被报告为中途停止。

我在各种浏览器（Edge、Chrome、Windows 10 上的 FF）上对其进行了测试。所有人都有些停顿，但大多数情况下他们恢复并继续了一段时间，然后停止了。

我还下载了给定的视频并在我的笔记本电脑上本地播放，没问题，没有暂停。我上传到Youtube也播放OK

视频不大（大约 14MB），但我花了几分钟才下载到我的笔记本电脑（连接状况相当不错）。

答案似乎是正在使用的服务器的服务速度不够快，无法始终如一地实时播放视频。

尝试将视频上传到已知的视频服务（如 Youtube）并注意差异。

视频元素在网站上无法正常工作

video element is not working properly on website

html

javascript

css

video