播放视频onEnter aframe

Question

如何通过JavaScript播放a-video。我可以在我的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: functon(){
   let el = this.el;
   let vid = document.querySelector("#myvideo");
   vid.pause();
   el.addEventListener('mouseenter',function(){
      vid.play();
   });
   el.addEventListener('mouseleave',function(){
      vid.pause();
   });
  }
});

<强> HTML

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