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

Question

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

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

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

Answer 1

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

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

   否则浏览器将拒绝播放视频

   someElement.addEventListener('click', () => {
    videoElement.play();
   });
   

2. 你必须将 playsInline 设置为 true

   videoElement.playsInline = true;
   

这是一个 iOS 12 的工作示例

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