javascript - 为什么 aframe 中的视频无法在移动设备上播放

标签 javascript html aframe webvr

我测试了我的网络 VR 应用程序(我使用了 Aframe)。在桌面上,一切都运行良好。但在我的手机(Android 操作系统)上,视频无法播放。有什么建议吗?

应用程序链接: https://mateuszlesko.github.io/ElblagAFrame/video.html

<a-assets>
                    <video id="penguin-sledding" autoplay='False' loop="false" material.repeat='None' src="Elblag1945.mp4">
                  </a-assets>

                  <!-- Using the asset management system. -->
<a-video src="#penguin-sledding" width="26" height="15" position="0 0 -20"></a-video>

最佳答案

移动浏览器限制视频自动播放。视频播放必须由用户手势触发。更多信息A-Frame FAQ 。还要确保 video format and codecs are supported在您的设备/浏览器/操作系统版本中。

关于javascript - 为什么 aframe 中的视频无法在移动设备上播放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55385964/

相关文章:

css - 如何设置 3 div 以适应屏幕宽度

html - 如何更改html表格中第一行的背景颜色和所有其他行的替代颜色

javascript - 使用 .flushToDom 导出场景数据, "event attributes"数据出现问题

javascript - javascript中计数器变量的奇怪值

javascript - jQuery 的 AJAX 的执行顺序

jquery - 如何获取div中所有下拉列表的所有选定值的数组

css - 以倒置旋转木马或 VR/球形方式查看图像

javascript - 如何使用javascript从A-frame元素获取点击事件

javascript - 来自 Google Storage 的流文件 -> 云功能 -> 存储速度非常慢或超时

javascript - 使用 greasemonkey 脚本生成链接