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

Question

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

我的Nexus 7正在运行android 4.4.4＆amp; 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设置为某种内容的内容，以便它高于其他所有内容。用户点击它后，启动视频并将其删除。