视频播放暂停

Question

我会在运行时动态添加视频，因此无法使用资产管理器。

我正在尝试使用a-video，然后播放/暂停它。

我尝试创建videoEl并将其用作src

 this._videoPlayer = document.createElement('video')
 this._videoPlayer.id = 'video'
 this._videoPlayer.onloadeddata = this.onLoaded.bind(this)
 this._videoEl.setAttribute('src', this._videoPlayer)

或

 this._videoEl.setAttribute('src', '#video')

但是该视频未被识别为资产

然后我考虑使用THREE.VideoTexture(this._videoPlayer)，但是我不知道在a-plane材质上设置纹理的位置。

您知道如何使用简单的videoElement而不是资产管理器将视频添加到aframe中吗？

Answer 1

如果使用选择器，请确保将视频附加到DOM。

如果是简单实体，请使用.setAttribute('material', 'src', VIDEO)。

this._videoPlayer = document.createElement('video')
this._videoPlayer.id = 'video'
this._videoPlayer.onloadeddata = this.onLoaded.bind(this)
document.body.appendChild(this._videoPlayer);  // Append to DOM.
this._videoEl.setAttribute('material', 'src', '#video')

如果您仅设置原始URL，然后设置el.getObject3D('mesh').material.map.image，那么也可以访问video元素。