javascript - 使用相同的源创建两个 HTML5 视频元素不起作用

Question

我正在尝试做一件简单的事情，但到目前为止我还没有取得任何成功，我不明白为什么它不起作用。

我需要两个（或多个，就此而言）HTML5 视频元素来播放相同的视频，但它不起作用。这是我一直在尝试的代码：http: //jsfiddle.net/4K8DZ/

关于为什么会这样的任何想法？

谢谢

Answer 1

我自己也遇到了这个问题。我通过向第二个视频元素的源文件添加查询参数来解决它：

video1.setAttribute("src", "whatever.mp4");
video2.setAttribute("src", "whatever.mp4?random=1");

http://jsfiddle.net/br2bn/

Answer 2

尽管我仍然无法发表评论，但我必须将此作为答案提交。

只要其中一个正在缓冲，这个错误对于大于 10mb 的文件就会持续存在，而另一个则不会工作。如果你按下暂停，另一个就会工作。

我更新了示例以演示该错误：http: //jsfiddle.net/4K8DZ/23/

Answer 3

实际上，我只能在 Windows7 上使用 iPad + Safari 和 Chrome 播放一个视频。使用 Safari，如果我开始播放一个视频，那么另一个会停止。使用 Chrome，我得到了几乎相同的结果。