创建两个具有相同源的 HTML5 视频元素不起作用

Creating two HTML5 video elements with the same source not working

本文关键字：HTML5 视频不起作用元素两个创建更新时间：2023-09-26

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

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

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

谢谢

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

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

http://jsfiddle.net/br2bn/

虽然我仍然不能发表评论，但我必须提交这个作为答案。

只要其中一个在缓冲，另一个文件就连续存在 10mb>此错误，另一个就不起作用。如果按暂停，另一个将起作用。

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

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