video.js 一个页面同时播放多个视频
程序员文章站
2022-06-24 14:24:26
引入video.css 和video.js 为前提 调用主要是 ......
$(data).each(function(i, item) { // innerhtml += '<li type-id="'+item.id+'">'+ // '<img src="'+(item.imgs?item.imgs:'../../img/videobg1.jpg')+'" alt="">'+ // '<p>'+item.name+'</p>'+ // '</li>'; innerhtml += '<li type-id="' + item.id + '">' + // '<img src="'+(item.imgs?item.imgs:'../../img/videobg1.jpg')+'" alt="">'+ '<video style="width:100%;height:100%;" id="example_video_' + item.id + '" class="videoclass video-js vjs-default-skin vjs-big-play-centered" autoplay="autoplay" controls muted><source src="' + item.hls + '" type="application/x-mpegurl">' + '</video>' + '<p>' + item.name + '</p>' + '</li>'; //视频实时播放 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);
需要做个延时,避免加载失败
上一篇: 洛谷1417 烹调方案
下一篇: 今天骑着小电驴路过小吃街