播放视频onEnter aframe

Question

如何通过JavaScript播放a-video。我可以在我的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: 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>