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：<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修复此错误之前，我不确定这是一个不错的选择。