在Chrome中使用2个视频标签播放相同视频的问题

时间:2014-05-14 15:06:03

标签: html5 google-chrome video

上下文:

使用网络组件技术制作高级视频播放器(polymer-project.org)当我尝试包含播放相同视频资源的2个视频播放器实例时,我发现了一些问题。分析问题我已经意识到它与聚合物无关,但仅在Chrome浏览器上使用HTML5视频标签。

问题:

我的测试html页面的来源基本上包含以下代码:

<video id="video1" width="100%" controls>
   <source src="/test/resources/video1.mp4" type="video/mp4" >
</video>
...
<video id="video2" width="100%" controls>
   <source src="/test/resources/video1.mp4" type="video/mp4" >
</video>

异常行为的影响可概括为:

  1. 第二个视频未显示第一帧(显示黑色播放器)
  2. 尝试播放第二个视频播放器无效
  3. 第一个视频播放器按预期工作
  4. 暂停第一个视频后,第二个视频出现在播放器上
  5. 现在步骤2的播放命令似乎响应并突然启动第二个玩家
  6. 总结一下,不可能同时播放两个视频。这只发生在chrome(在Safari和Firefox上都没有)以及视频资源是相同的。

    问题:

    是否有人建议我如何处理以解决Chrome问题?

0 个答案:

没有答案