Question

我正在尝试更改aframe中的视频圈的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元素上调用video而不是video-sphere：

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

我要做的是在a-assets中设置两个视频元素并在src上切换video-sphere，而不是切换单个video元素的src

Answer 2

对于某些资料，我有一个尝试进行视频交换的项目。

以下是给定事件播放视频的组件：https://github.com/ngokevin/aframe-magicavoxel-projects/blob/master/outsidelands/components/play-video.js

确认您必须play视频元素。或许pause当前的那个。我上面的组件迭代暂停其他视频，但在尝试调试时删除了它。

以下是一般项目：https://github.com/ngokevin/aframe-magicavoxel-projects/tree/master/outsidelands

我第一次能够交换视频，但第二次无法更换视频。

Answer 3

您可以尝试以下方法：

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

首先，将视频源添加到资产中，然后播放。

Aframe：更改<a-videosphere> src属性

3 个答案: