複数のインライン動画を再生することは可能ですか

Question

これは2本の動画を含むコードです。コードは非常に簡単です。 Webブラウザでは正常に動作します。私はインラインで演奏したいので、 "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デバイスでvideo要素をインラインで遊んで話をしている場合は、

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で動作し、テストされています。