Javascript Chrome-不播放多个视频-网络卡在挂起状态

我的测试页面上有2个视频元素，如下所示：

<div id="parent">
    <video id="foo" autoplay>
        <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4" />
        <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.webm" type="video/webm" />
        <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg" />
    </video>
    <video id="bar" autoplay>
        <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.mp4" type="video/mp4" />
        <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.webm" type="video/webm" />
        <source src="http://www.quirksmode.org/html5/videos/big_buck_bunny.ogv" type="video/ogg" />
    </video>
</div>

在最新的FF中，一切正常。但在Chrome中，这两个视频都不会播放；查看“网络”选项卡可以发现，他们被困在“挂起”状态中的时间从几秒钟到无限长不等。如果我注释掉/删除一个视频元素，另一个将播放

我已经看到多个Chromium bug报告讨论了类似的问题，但似乎没有一个与父容器直接相关。我尝试过通过JS动态构建标记，结果也是一样的。我也尝试过添加编解码器属性，但没有成功

---

为了便于讨论，让我们假设重新构造页面，使同一父对象中没有视频是不可选择的。这只是一个不可修复的bug吗？任何可能的解决方法，无论多么骇人？

都已解决-显然，在同一时间从同一服务器请求相同的文件名会让谷歌抓狂。更改文件名或域可以正常工作。FWIW，我复制了测试视频，在文件名的末尾添加了1、2、3等，并从同一台服务器上运行它们。一切正常。使用来自不同域的测试视频让我找到了解决方案。

解决了-显然，在同一时间从同一服务器请求相同的文件名会让谷歌抓狂。更改文件名或域可以正常工作。FWIW，我复制了测试视频，在文件名的末尾添加了1、2、3等，并从同一台服务器上运行它们。一切正常。使用来自不同域的测试视频让我找到了解决方案。

因此，从我的测试环境中进一步简化此示例，即使是一个没有父容器且没有其他内容的单独视频标记也会在相当长的一段时间内处于挂起状态。对我来说平均40秒。这是一个奇怪的时刻。通过在视频URL的末尾实际添加一个随机参数（例如？09489023549）来解决此问题。在这种情况下，它似乎又起作用了。因此，从我的测试环境中进一步简化这个示例，即使是一个没有父容器且没有其他内容的单独视频标记，也会被挂起一段时间。对我来说平均40秒。这是一个奇怪的时刻。通过在视频URL的末尾实际添加一个随机参数（例如？09489023549）来解决此问题。在那种情况下，它似乎又起作用了。