video.js 一个页面同时播放多个视频的实例代码

具体代码如下所述:

$(data).each(function(i, item) {
      // innerHTML += '
  • '+ // ''+ // '

    '+item.name+'

    '+ // '
  • '; innerHTML += '
  • ' + // ''+ '' + '

    ' + item.name + '

    ' + '
  • '; //视频实时播放 setTimeout(function() { var myPlayer = videojs('example_video_' + item.id); videojs('example_video_' + item.id).ready(function() { var myPlayer = this; myPlayer.play(); }); }, 5000); });

    引入video.css 和video.js 为前提

    调用主要是

    setTimeout(function() {
            var myPlayer = videojs('example_video_' + item.id);
            videojs('example_video_' + item.id).ready(function() {
              var myPlayer = this;
              myPlayer.play();
            });
          }, 5000);

    需要做个延时,避免加载失败

    总结

    以上所述是小编给大家介绍的video.js 一个页面同时播放多个视频的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

    你可能感兴趣的:(video.js 一个页面同时播放多个视频的实例代码)