Einbetten von YouTube-Videos ohne CSS3DRenderer in three.js

Question

Ist es möglich, YouTube-Videos ohne CSS3DRenderer in three.js einzubetten? Ich benutze Pappe-Effekt, also wird CSS3DRenderer hier nicht funktionieren.

Hier ist der Code, den ich bisher verwendet habe. Aber im gegenüberliegende Domain-Problem

video = document.createElement('video'); 
video.autoplay = true; 
video.src = 'http://myurl.com/videos/video.mp4'; 
newcanvas = document.createElement('canvas'); 
context = newcanvas.getContext('2d'); 
videoTexture = new THREE.Texture(newcanvas); 
..... 

In Animate-Funktion habe ich den folgenden Code verwendet.

Answer 1

Zuerst müssen Sie Ihr Youtube-Video in ein HTML-Video-Tag einbetten. Wenn Sie im Internet schauen, finden Sie viele Möglichkeiten, dies zu tun. Dies kann nützlich für Sie sein: YouTube URL in Video Tag

Nach dieser Arbeit müssen Sie es in eine THREE.Texture konvertieren, so dass Sie es auf ein Netz zuordnen und WebGL Renderer verwenden können. Es gibt eine Three.js Erweiterung für diese: threex.videotexture