iPhone 6s 上的一个 three.js 视频示例不起作用（只有黑色面板）

【问题标题】：one three.js example of video on iPhone 6s did not work( only black panel)iPhone 6s 上的一个 three.js 视频示例不起作用（只有黑色面板）
【发布时间】：2016-12-13 21:06:37
【问题描述】：

https://stemkoski.github.io/Three.js/Video.html

但该示例在 PC 桌面浏览器上运行良好。它在 iPhone 6s 上的 Safari 和 Chronme 中失败

【问题讨论】：

标签： javascript ios three.js webgl

【解决方案1】：

这里有类似的问题，我猜原因是一样的。

Three.js WebGLRenderered videos don't play on android phones

【讨论】：

【解决方案2】：

截至 2019 年，iOS 的解决方案是

您必须在“点击”或“触摸启动”等用户手势事件中启动视频

否则浏览器会拒绝播放视频
```
someElement.addEventListener('click', () => {
 videoElement.play();
});
```
您必须将 playsInline 设置为 true
```
videoElement.playsInline = true;
```

这是 iOS 12 的一个工作示例

http://webglsamples.org/video/video.html

【讨论】：

【解决方案3】：

我发现另一个播放视频文件的进程是由 HTML5 网络启动的。但我认为这不是 iPhone 5 的良好用户体验。暂时通过编写视频播放的本机代码并将应用程序发送到 iOS 9.3 中的 Iphone 6s 来解决问题。

【讨论】：