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.但仅此似乎还不够:播放视频时，它会全屏显示。
他们如何设法防止视频全屏显示？
最佳答案
我想通了，他们浏览内联视频并将其同步到音频，而不是实际 .play() 处理它。
我编写了一个模块来负责播放视频并将其与音频同步(但它也适用于没有音轨的视频):iphone-inline-video
关于javascript - krpano 如何在 iPhone 上内联播放视频？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30635208/