aframe - Aframe: 変更ソース属性

Question

aframe 内の videosphere の src 属性を変更しようとしています

<a-assets>
<video id="vid" src="videos/vid1.mp4" webkit-playsinline loop></video>
</a-assets>
<a-videosphere src="#vid" rotation="0 180 0"></a-videosphere>

現在、次を使用して #vid アセットの src を変更しています。

document.querySelector("#vid").setAttribute("src", "videos/vid2.mp4");
document.quertSelector("a-videosphere").play();

ただし、ビデオはフリーズしたままで、再生機能は未定義を返します

助けてくれてありがとう:)

Answer 1

の代わりに要素playを呼び出す必要があります。videovideo-sphere

document.querySelector("#vid").play();

私がすることは、単一の要素のsrcを切り替える代わりに、2つのビデオ要素をa-assets入れてオンsrcに切り替えることですvideo-spherevideo

Answer 2

これを試すことができます：

var myVid = document.getElementById("#vid");
$("#myVid").attr("src", "videos/vid2.mp4");
myVid.play();

まず、ビデオのソースをアセットに追加してから再生します。