Последовательное воспроизведение двух видео в Chrome с использованием тега

Как воспроизвести два видео последовательно в видео HTML5 tag?

В Google Chrome следующий код воспроизводит только первое вступительное видео.

<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>

var i = 0;
var sources = ['1.mp4', '2.mp4'];
videoElement.addEventListener('ended', function(){
   videoElement.src = sources[(++i)%sources.length];
   videoElement.load();
   videoElement.play();
}, true);

</script>

</head>
<body>
<video id="videoElement" width="640" height="360" autoplay="autoplay">
    <source src="intro.mp4" type="video/mp4"></source>
</video>

<body>
<html>
0
задан Frankie 'Moodurian' Kam 4 November 2011 в 10:00
поделиться