我正在尝试添加播放和暂停按钮到VIMEO在WebXR中通过帧(并禁用自动播放)。
请注意,视频可以在桌面web浏览器上自动播放,但无法通过联想幻影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>
你能在aframe中发布一个vimeo的例子,带有autoplay false和一个有效的播放和暂停按钮吗?
更新:当我将播放组件移动到父实体时,播放暂停功能开始工作,但自动播放仍在自动播放。而且由于某些原因,它仍然无法在联想幻影Solo上的Firefox现实浏览器中播放
发布于 2019-03-18 22:22:44
尝试在vimeo
实体参数中移动autoplay: false
,它应该看起来像这样
<a-entity vimeo="id: 322980501; autoplay: false;" />
不幸的是,我不能在联想幻影上测试,但可以使用open a Github issue,所以我们可以尝试帮助解决那个?
我们正在努力发布一个回放控制示例,但是here is an open issue with more information about how to get that working
https://stackoverflow.com/questions/55131294
复制相似问题