krpano如何在iPhone上内联播放视频？

Question

直到iOS8为止，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.

但仅仅这样似乎不够：当视频播放时，它会全屏。

他们是如何防止视频全屏的？

- fregante

---

此外，您可以使用以下代码访问视频元素：document.getElementById("krpanoSWFObject").get("plugin[video]").videoDOM。 - fregante

Answer 1

我想通了，他们会在视频中进行快速浏览，并将其与音频同步，而不是实际地使用.play()播放。

我编写了一个模块来处理视频播放并将其与音频同步（但它也适用于没有声音轨道的视频）：iphone-inline-video

- fregante