Ich arbeite an diesem Beispiel für Three.js:http: //threejs.org/examples/#canvas_geometry_panorama_fishey

In diesem Beispiel verwende ich anstelle von 6 Bildern 5 Bilder und ein Video als Textur (das Videoformat ist .ogv). Ich habe das obige Beispiel folgendermaßen bearbeitet, um das zu erreichen, was ich mir wünsche:

video = document.createElement('video');
video.autoplay = true;
video.src = "textures/videos/Row1Col1.ogv";
var videoTexture = new THREE.Texture(video);
    videoTexture.needsUpdate = true;

var materials = [
    videoTexture, // right
    loadTexture( 'textures/cube/Park2/negx.jpg' ), // left
    loadTexture( 'textures/cube/Park2/posy.jpg' ), // top
    loadTexture( 'textures/cube/Park2/negy.jpg' ), // bottom
    loadTexture( 'textures/cube/Park2/posz.jpg' ), // back
    loadTexture( 'textures/cube/Park2/negz.jpg' ) // front
];

mesh = new THREE.Mesh( 
    new THREE.BoxGeometry( 300, 300, 300, 32, 32, 32 ), 
    new THREE.MultiMaterial( materials ) 
);

Der Rest des Codes ist genauso wie im obigen Beispiel.

Anstatt das gewünschte Ergebnis zu erzielen (mit fünf auf die Kugel gerenderten Bildern und einem Video, das auf einer Seite abgespielt wird), erhalte ich Folgendes:

Die Bilder werden einwandfrei gerendert, es wird jedoch kein Video abgespielt. Es ist nur weißer Text an seiner Stelle. Nichts anderes

Ich bin neu bei Three.js und versuche zum ersten Mal, Videos als Texturen zu verwenden. Bitte helfen Sie mir, indem Sie mir mitteilen, wie ich das Video in der angegebenen Region abspielen kann.