栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

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

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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 一个页面同时播放多个视频的实例代码,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

    转载请注明:文章转载自 www.mshxw.com
    本文地址:https://www.mshxw.com/it/78141.html
    我们一直用心在做
    关于我们 文章归档 网站地图 联系我们

    版权所有 (c)2021-2022 MSHXW.COM

    ICP备案号:晋ICP备2021003244-6号