Vimeo Aframe 你能给我看一个播放暂停按钮的例子吗？答案

【问题标题】：Vimeo Aframe can you show me an example of working play pause buttons?Vimeo Aframe 你能给我看一个播放暂停按钮的例子吗？
【发布时间】：2019-03-12 22:00:26
【问题描述】：

我正在尝试通过 Aframe 在 WebXR 中向 VIMEO 添加播放和暂停按钮（并禁用自动播放）。

请注意，该视频正在桌面网络浏览器上自动播放，但它根本没有通过 Lenovo Mirage Solo 在同一网站内播放。

为了让它工作，我尝试禁用自动播放，但它忽略了我的命令，我尝试创建播放暂停功能，该功能将在鼠标进入时播放视频并在鼠标离开时暂停视频。

我该如何以正确的方式做到这一点？

示例代码：

  AFRAME.registerComponent("play", {
    init: function () {
        this.el.addEventListener("mouseenter", (e) => {
               VR_LOG('mouseenter')
               this.el.play();
              });
        this.el.addEventListener("mouseleave", (e) => {
               VR_LOG('mouseexit')
               this.el.pause();
              });


    }
});

<a-entity autoplay="false" vimeo="id: 322980501" play>
<a-plane  id="spectrum" class="clickable" color="#000000" scale="3.2 1.8" position="0.0 1 -2"></a-plane>

您能否在自动播放为 false 且具有正常播放和暂停按钮的框架中发布 vimeo 的示例？

更新：当我将播放组件移动到父实体时，播放暂停功能开始工作，但自动播放仍在自动播放。而且由于某种原因，它仍然无法在联想 Mirage Solo 上的 Firefox Reality 浏览器中播放

【问题讨论】：

标签： aframe vimeo vimeo-api

【解决方案1】：

尝试在vimeo 实体参数中移动autoplay: false，它应该看起来像

<a-entity vimeo="id: 322980501; autoplay: false;" />

很遗憾，我无法在 Lenovo Mirage 上进行测试，但请随时open a Github issue，我们可以尝试帮助解决这个问题?

我们正在努力尽快发布播放控制示例，但here is an open issue with more information about how to get that working

【讨论】：