为什么 Three.js 视频无法在我的 Nexus 7 上呈现

Question

尝试在 Nexus 7 上运行 Three.js 示例，其中大部分都运行良好。 但我对让 webgl 视频渲染在我的 nexus 7 设备上工作特别感兴趣，这似乎不起作用。我得到的只是一个黑屏，视频应该在其中渲染，视频周围的其余部分正常渲染。

我的 Nexus 7 运行的是 android 4.4.4 和 Chrome 36.0.1985.135，运行这些示例时我没有看到任何控制台错误。

不起作用的示例是： https://github.com/mrdoob/three.js/blob/master/examples/canvas_materials_video.html https://github.com/mrdoob/three.js/blob/master/examples/webgl_materials_video.html

我的假设（以及我读到的内容）是这可能与纹理大小有关，它需要是 2 的幂。你们知道它为什么不工作以及我可以尝试什么吗让它工作？

非常感谢您的帮助

最好的，

埃里克

Answer 1

我只是猜测，但 AFAIK 视频不会在移动设备上自动播放。要解决此问题，您需要让用户单击某些内容并在该单击的处理程序中开始播放视频。最简单的方法可能是制作一个没有内容的全屏 div，它的 css z-index 设置为某个值，因此它高于其他所有内容。一旦用户点击它开始播放视频并将其删除。