Создать массив объектов циклом

Пытаюсь заставить videojs проигрывать все файлы из папки на сервере. У меня имеется следующий php скрипт, для получения имени файлов из папки на сервере:

var files = <?php $file = array();
foreach (glob('video/*.mp4') as $filename) {
    $path = pathinfo($filename);
    $file[] = $path['filename'];
}
echo json_encode($file); ?>;

После чего мне нужно получить пример следующего массива в цикле:

    var videoList = [{
      sources: [{
        src: 'video/10.mp4',
        type: 'video/mp4'
      }]
    }];

У меня получился следующий вариант, но он запускает только 1 видео из массива.

        $.each(files,function(key, filename){
            file = filename;
            sources = [];   
                sources.push({
                    'src': 'video/'+file+'.mp4',
                    'type': 'video/mp4'
                })
            var videoList = [{
                sources
                  }];
            player.playlist(videoList);
        })

Подскажите, что нужно сделать, чтобы проигрывался весь массив, а не только первый файл.