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

one three.js example of video on iPhone 6s did not work( only black panel)

本文关键字：不起作用 黑色 视频 three 6s iPhone 一个 js      更新时间：2023-09-26

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

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

但这个例子在PC桌面浏览器上运行良好。它在Safari&iPhone 6s 上的Chrome

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

  1. 你必须在用户手势事件中启动视频，如"点击"或"触摸启动">

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

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

  2. 您必须将playsInline设置为真正的

    videoElement.playsInline = true;

以下是iOS 12 的工作示例

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

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

Three.js WebGL渲染视频don'；t在安卓手机上播放

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

相关文章：