直到iOS8为止,iPhone无法内联播放视频。每次视频开始播放时,视频元素都会全屏;如果您退出全屏模式,则视频会暂停。
迄今为止,这一直是规则,但我注意到krpano实际上可以通过WebGL在iPhone上内联播放实际视频:演示 据我所知,他们使用一个未连接到文档的普通
迄今为止,这一直是规则,但我注意到krpano实际上可以通过WebGL在iPhone上内联播放实际视频:演示 据我所知,他们使用一个未连接到文档的普通
<video>
元素:
var v = document.querySelector('video');
// remove from document
v.parentNode.removeChild(v);
// touch anywhere to play
document.ontouchstart = function () {
v.play();
}
<video playsinline webkit-playsinline preload="auto" crossorigin="anonymous" src="http://www.mediactiv.com/video/Milano.mp4" loop style="transform: translateZ(0px);"></video>
Touch anywhere in here and wait for it to start.
但仅仅这样似乎不够:当视频播放时,它会全屏。
他们是如何防止视频全屏的?
document.getElementById("krpanoSWFObject").get("plugin[video]").videoDOM
。 - fregante