Добавление видео в качестве текстуры в three.js

Я работаю над этим примером Three.js:http://threejs.org/examples/#canvas_geometry_panorama_fisheye

В этом примере вместо 6 изображений я использую 5 изображений и одно видео в качестве текстуры (формат видео .ogv). Я отредактировал приведенный выше пример следующим образом, чтобы добиться того, что я желаю:

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

Остальная часть кода точно такая же, как в вышеупомянутом примере.

Вместо того, чтобы получить желаемый результат (в котором пять изображений визуализируются на сфере и одно видео воспроизводится на одной из сторон), я получаю следующее:

Изображения воспроизводятся нормально, но я не вижу воспроизведения видео. Там просто белый текст. Ничего больше.

Я новичок в Three.js и впервые пытаюсь использовать видео в качестве текстур. Пожалуйста, помогите мне, дайте мне знать, как я могу воспроизвести видео в указанном регионе.