Question

我使用Miro Video Converter创建了3个版本的视频文件以方便不同的浏览器，我使用以下代码来播放它们...

               <video class="rw-video video-js" data-settings="rw-green rw-flat-color rw-rounded"  title="My movie title" preload="auto" controls width="800" height="400" id="exampleVid1" poster="images/video.png" >
                <source src="images/movie1.mp4" type="video/mp4" />
                <source src="images/movie1.ogv" type="video/ogg" />
                <source src="images/movie1.webm" type="video/webm" />
                <p>Your browser does not support the video tag.</p>
                </video>

视频在firefox和safari中播放得很好但不是在chrome中 - 它似乎在chrome中播放但从未开始 - 沙漏只是四处转动而且从不播放。我检查了文件名，并上传了视频。有任何想法吗？我想知道Chrome是否可以解释“preload =”auto“”意味着预加载整个视频，但摆弄那些并没有让我看到任何差异。电影总数约为50mb，并在其他浏览器中立即加载。

Answer 1

这实际上是一个Google Chrome错误，可以阻止它加载超过6个MP4视频。尝试将preload="none"放在所有视频上，然后开始点击它们。您可能可以打开其中的6个，但在第7个视频中Google Chrome将会挂起。这就是我的情况，但也许这会在你的系统上发生。

但如果您的视频中包含MP $视频，则会触发该错误，因此最好完全避免使用MP4格式。我通过使用webm视频格式完全解决了它。

为什么谷歌浏览器没有加载我的视频？

1 个答案: