2017-09-15 28 views
1

這是我的2個視頻的代碼。代碼非常簡單。在網頁瀏覽器上,它工作正常。我希望它在線播放,所以我只是添加「playsinline」。是否可以播放多個內嵌視頻

可以同時播放這兩個視頻嗎?

<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/

+0

所以你想在ios設備上播放視頻內嵌? –

回答

1

如果你談論的是玩HTML5視頻內嵌在iOS設備則

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。

+0

是的,它爲我工作。問題是我使用Ionic View應用程序來測試我的iOS應用程序,但實際上我必須構建本機iOS才能工作 – FosAvance

+0

如果幫助它可以選擇接受的答案,所以它可能對其他人有幫助。 :) –

相關問題