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

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

发布时间：2020-08-23 22:57:43

来源：脚本之家

阅读：265

作者：小角色Byme

具体代码如下所述：

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