Adicionando vídeo como textura no three.js

Estou trabalhando neste exemplo de Three.js:http://threejs.org/examples/#canvas_geometry_panorama_fisheye

Neste exemplo, em vez de usar 6 imagens, estou usando 5 imagens e um vídeo como textura (o formato do vídeo é .ogv). Eu editei o exemplo acima da seguinte maneira para alcançar o que desejo:

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

O restante do código é exatamente o mesmo que no exemplo mencionado acima.

Em vez de obter o resultado desejado (que tem cinco imagens renderizadas na esfera e um vídeo sendo reproduzido em um dos 'lados'), estou obtendo o seguinte:

As imagens estão sendo renderizadas corretamente, mas não vejo um vídeo sendo reproduzido. Há apenas texto em branco no seu lugar. Nada mais.

Eu sou novo no Three.js e estou tentando usar vídeos como texturas pela primeira vez. Ajude-me informando que como posso reproduzir o vídeo na região especificada.