krpano 如何在 iPhone 上播放视频？答案

【问题标题】：How can krpano play videos inline on an iPhone?krpano 如何在 iPhone 上播放视频？
【发布时间】：2015-06-04 04:55:49
【问题描述】：

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.

但这似乎还不够：当视频播放时，它会全屏显示。

他们如何防止视频全屏显示？

【问题讨论】：

另外：您可以使用它来访问视频元素：document.getElementById("krpanoSWFObject").get("plugin[video]").videoDOM

标签： javascript html ios iphone

【解决方案1】：

我想通了，他们浏览了视频内联并将其同步到音频，而不是实际上 .play()'ing 它。

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

【讨论】：