Chrome无法在重复的标签上播放html5视频

Question

在我的页面上,我有两个视频标签与相同的视频源.例:

<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>

当我开始在谷歌浏览器中播放其中一个视频,然后尝试播放第二个 - 最后一个没有加载.此错误/功能仅在chrome中.firefox正确播放两个视频.

知道我怎么强迫播放第二个视频？

Answer 1

（评论者@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 修复此错误之前，我不确定是否有更好的替代方案。