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

Question

iPhone(至少在 iOS8 之前)不能内联播放视频。每次视频开始时，视频元素都会全屏显示；如果您退出全屏模式，视频会暂停。

到目前为止这是规则，但我注意到 krpano 实际上可以通过 WebGL 在 iPhone 上内联播放实际视频:demo

据我所知，他们使用正常的 <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-inline-video