我正在建立一个网站,我有几个<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>