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

Question

这是我的代码，包含 2 个视频。代码非常简单。在网络浏览器上它工作正常。我想让它在线播放，所以我添加了 "playsinline".

是否可以同时播放这 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/

Answer 1

如果您谈论的是在 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。

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

Is it possible to play multiple inline videos

phonegap-plugins

cordova

ionic-framework