播放视频 onEnter aframe

Question

如何通过 JavaScript 播放视频。我可以在我的 aframe 场景中放一段视频，它会自动启动，但我想让它只在有人看的时候播放。由 onEnter、onExit 等触发。我找不到通过 JavaScript 播放视频的文档。

Answer 1

如果您在 <a-assets> 中定义了您的视频，您可以使用来自媒体 API 的 .play()、.stop()、.pause() 方法，它在此处整齐列出：https://www.w3schools.com/tags/ref_av_dom.asp。

您可以制作自定义组件：
JS：

AFRAME.registerComponent('video-handler',{
  init: function(){
   let el = this.el;
   let video = document.querySelector("#myvideo");
   vid.pause();
   el.addEventListener('mouseenter',function(){
      video.play();
   });
   el.addEventListener('mouseleave',function(){
      video.pause();
   });
  }
});

HTML：

<a-assets >
  <video id="myvideo" src="urltovideo"></video>
</a-assets>
<a-plane material="src:#myvideo" video-handler></a-plane>