是否可以播放多个内嵌视频

时间:2017-09-15 16:33:35

标签: cordova ionic-framework phonegap-plugins

这是我的代码,包含2个视频。代码很简单。在Web浏览器上它工作正常。我希望它能够内联播放,所以我只是添加了“playinline”。

是否可以同时播放这2个视频?

<video width="320" height="240" autoplay controls playsinline loop muted id="a">
  <source src="https://hay.github.io/test/dog.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<video width="320" height="240" autoplay controls playsinline loop muted id="b">
  <source src="https://hay.github.io/test/dog.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

https://jsfiddle.net/7nw5gLmk/

1 个答案:

答案 0 :(得分:2)

如果您正在谈论在iOS设备中内嵌播放html5视频,那么

config.xml

<preference name="AllowInlineMediaPlayback" value="true" />

<强> HTML

 <video src="https://hay.github.io/test/dog.mp4" width="200" preload="true" style="background:black" webkit-playsinline playsinline/>  
 <video src="https://hay.github.io/test/dog.mp4" width="200" preload="true" style="background:black" webkit-playsinline playsinline/>

注意: - 这适用于ios9和ios10。