网站首页 站长百科 正文

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

2022-01-14站长百科230975

这篇文章主要介绍了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 一个页面同时播放多个视频的实例代码的详细内容，更多请关注本站其它相关文章！

    本文地址：https://www.ufcn.cn/article/539933.html

    如非特殊说明，本站内容均来自于网友自主分享，概不代表本站观点，如有任何问题我们都将在收到反馈后的第一时间进行处理！