移动设备上的HTML5视频行为

Question

我正在建立一个网站,我有几个<video>元素(循环动画)作为我的设计的一部分(而不是一个实际的视频).这在桌面浏览器中运行良好,但我在移动设备上遇到了麻烦.
当我在Android或iOS设备(即移动webkit)上显示该网站时,我将获得操作系统的视频播放器外观,当我点击它们时,视频将以某种弹出方式打开.我知道我可以通过这样做来绕过自动播放限制:

window.onload = function() {
    var pElement = document.getElementById("myVideo");
    pElement.load();
    pElement.play();
};

但这将再次在一个单独的窗口中打开视频......

有没有人知道在移动设备上模拟/启用类似桌面的行为的可能性？谢谢!

编辑: 标记是基本的<video>-syntax btw:

<video autoplay loop>
    <source src="vid.mp4" type="video/mp4" />
    <source src="vid.ogg" type="video/ogg" />
    <source src="vid.webm" type="video/webm" />
</video>

Answer 1

嗯,我不确定Android,但iOS设备无法同时运行多个视频流:

多个同步音频或视频流

目前,所有运行iOS的设备都限于随时播放单个音频或视频流.iOS设备目前不支持多个视频并排播放,部分重叠或完全覆盖.还不支持播放多个同步音频流.但是,您可以动态更改音频或视频源.有关详细信息,请参阅"按顺序更换媒体源".