上下文:
使用网络组件技术制作高级视频播放器(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>
异常行为的影响可概括为:
总结一下,不可能同时播放两个视频。这只发生在chrome(在Safari和Firefox上都没有)以及视频资源是相同的。
问题:
是否有人建议我如何处理以解决Chrome问题?