VideoJs:无间隙循环播放视频

健康

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

我想像在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);
    }
  }); 
马雷克

在LifeMirror上,它们具有一个可见的和多个隐藏的视频元素(显示:无)。他们只是在当前视频“结束”事件上更改当前可见的视频。您可以在Google Developer Tools中检查视频元素,并检查其工作方式。

这种方法可能对您有益。请记住,在删除视频之间的空白之前,请先预加载所有视频。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章