6

在我的页面上，我有两个具有相同视频源的视频标签。例子：

<video id="video_description_html5_api" class="vjs-tech" poster="poster.jpg" preload="metadata">
<source src="video.mp4.ogv" type="video/ogg">
<source src="video.mp4.mp4" type="video/mp4">
<source src="video.mp4.webm" type="video/webm">
</video>

<video id="video_preview" class="vjs-tech" poster="poster.jpg" preload="metadata">
<source src="video.mp4.ogv" type="video/ogg">
<source src="video.mp4.mp4" type="video/mp4">
<source src="video.mp4.webm" type="video/webm">
</video>

当我开始在 Google Chrome 中播放其中一个视频然后尝试播放第二个视频时 - 最后一个没有加载。此错误/功能仅在 chrome 中。Firefox 可以同时正确播放两个视频。

知道如何强制播放第二个视频吗？

4

1 回答 1

0

（评论者@Hamza Kubba 想出了原始发布者报告的答案为他们解决了问题，但它在评论中。在此处复制/粘贴作为答案，它所属的位置。）

...尝试将 ?1 添加到视频 URL：<source src="video.mp4.ogv?1" type="video/ogg"> <source src="video.mp4.mp4?1" type="video/mp4"> <source src="video.mp4.webm?1" type="video/webm">缺点是视频必须加载两次，所以这并不理想...我假设 chrome 存在一个错误，使其无法播放相同的源在同一页上两次，顺便说一句。我没有注意到您的代码有任何问题。

...请记住，chrome 将使用此方法将视频文件两次加载到内存中，并从服务器加载两次。但是，在 Chrome 修复此错误之前，我不确定是否有一个好的选择。

于 2015-05-14T04:21:15.077 回答