播放視頻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>