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

【问题标题】：Aframe: Changing <a-videosphere> src attributeAframe：更改 <a-videosphere> src 属性
【发布时间】：2018-09-27 23:45:03
【问题描述】：

我正在尝试更改 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 资产的源代码：

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

但是视频仍然冻结并且播放函数返回 undefined

感谢您的帮助:)

【问题讨论】：

标签： aframe

【解决方案1】：

您必须在video 元素上调用play 而不是video-sphere：

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

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

【讨论】：

【解决方案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

我第一次可以交换视频，但第二次交换视频时遇到问题。

【讨论】：

嗨@ngokevin，如果你不介意可以和我聊天，我需要aframe videosphere方面的帮助，我知道这不是正确的方法，但请帮助:(

【解决方案3】：

你可以试试这个：

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

首先，在资产中添加视频的来源，然后播放。

【讨论】：