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