VideoJs: Воспроизведение видео на петле без пробелов

Question

Как воспроизвести несколько видео с VideoJs, как одно видео? Я хочу удалить пробелы между видео.

Я хочу играть видео, как на LifeMirror: http://www.lifemirror.org/

Это мой код .. Я использую videojs-плейлист плагин, чтобы сделать список воспроизведения видео

var player = videojs("video", 
    { 
     controls: false, 
     width: 320, 
     height: 240, 
     children: { 
      controlBar: { 
       children: { 
        muteToggle: false, 
        volumeControl: false 
       } 
      } 
     } 
    }); 

    var videos = [ 
    { 
     src : [ 
     'assets/videos/video3.mp4' 
     ], 
     poster : 'assets/images/image1.jpg', 
     title : 'Video 1' 
    }, 
    { 
     src : [ 
     'assets/videos/video4.mp4', 
     'assets/videos/video4.ogv' 
     ], 
     poster : 'assets/images/image2.jpg', 
     title : 'Video 2' 
    } 
    ]; 

    player.playList(videos, { 
    getVideoSource: function(vid, cb) { 
     cb(vid.src, vid.poster); 
    } 
    }); 

Answer 1

На LifeMirror они имеют один видимые и несколько скрытых видеоэлементов (отображение: нет). Они просто меняют видимое на данный момент видео на текущем видеоролике. Вы можете проверить элемент видео в Инструментах разработчика Google и проверить, как он работает.

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