我正在构建一个网站,其中包含几个<video>
元素(循环动画),它们作为我的设计的一部分(不是实际视频)。在桌面浏览器中,这样做非常好,但在移动设备上会遇到问题。
当我在Android或iOS设备上显示网站(即移动webkit)时,我将获得操作系统的视频播放器外观,并且当我单击它们时,视频将在某种弹出窗口中打开。我知道我可以通过执行某些操作来绕过自动播放限制:
window.onload = function() {
var pElement = document.getElementById("myVideo");
pElement.load();
pElement.play();
};
但这将再次在单独的窗口中打开视频...
有人知道是否有可能在移动设备上模拟/启用类似桌面的行为吗?谢谢!
编辑:
顺便说一句,标记语言是基本的<video>
语法:
<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>