Agregar video como Texture en three.js

Estoy trabajando en este ejemplo de Three.js:http://threejs.org/examples/#canvas_geometry_panorama_fisheye

En este ejemplo, en lugar de usar 6 imágenes, estoy usando 5 imágenes y un video como textura (el formato de video es .ogv). He editado el ejemplo anterior de la siguiente manera para lograr lo que deseo:

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

El resto del código es exactamente el mismo que en el ejemplo mencionado anteriormente.

En lugar de obtener el resultado deseado (que tiene cinco imágenes renderizadas en la esfera y un video reproduciéndose en uno de los 'lados'), obtengo esto:

Las imágenes se muestran bien, pero no veo un video en reproducción. Solo hay texto blanco en su lugar. Nada más.

Soy nuevo en Three.js y estoy tratando de usar videos como texturas por primera vez. Ayúdame haciéndome saber que cómo puedo reproducir el video en la región especificada.