кадр воспроизведения видео пауза

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 материала.

Есть идеи, как мне добавить видео в кадр, используя простой элемент видео, а не менеджер ресурсов?

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')

Элемент video также доступен, если вы просто задаете необработанный URL, а затем el.getObject3D('mesh').material.map.image.