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

Question

iPhone (至少在iOS8之前)不能在线播放视频。每次视频启动时，视频元素都会变成全屏；如果退出全屏，视频就会暂停。

这是迄今为止的规则，但我注意到krpano实际上可以在iPhone上通过WebGL：演示在线播放一个实际的视频。

据我所知，它们使用的是未附加到文档的普通<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.

​

但单凭这一点似乎还不够:当视频播放时，它就会变成全屏。

他们怎样才能阻止视频变成全屏呢？

Answer 1

我想出了办法，他们会在线浏览视频，并将其同步到音频，而不是实际的.play()。

我编写了一个模块，负责播放视频并将其与音频同步(但它也适用于没有音轨的视频)：iphone-内嵌视频