VideoJs：无间隙地循环播放视频

Question

如何用VideoJs像播放一个视频一样播放多个视频？我想消除视频之间的差距。

我想在 LifeMirror 上播放视频：http://www.lifemirror.org/

这是我的代码..我正在使用 videojs-playlist 插件制作视频播放列表

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 上，他们有一个可见和多个隐藏的视频元素（显示：none）。他们只是在当前视频 'ended' 事件中更改当前可见的视频。您可以在 Google 开发者工具中检查视频元素并检查它是如何工作的。

也许这种方法对你有好处。请记住在之前预加载所有视频以消除视频之间的间隙。

VideoJs：无间隙地循环播放视频

VideoJs: Play videos on a loop without gaps

html

jquery

video.js