javascript - 在输入帧时播放视频

Question

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

Answer 1

如果您在 <a-assets> 中定义了您的视频, 您可以使用 .play() , .stop() , .pause()方法，来自媒体 API，它整齐地列在这里: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>