video.js 一个页面同时播放多个视频
程序员文章站
2022-04-09 18:34:03
引入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);
需要做个延时,避免加载失败
上一篇: 北京新起点网站建设打开速度慢是怎么回事?
下一篇: [python] for 循环的诡异写法
推荐阅读
-
php编程-如何用PHP来实现例如点开服务号的一个按钮,然后进入一个页面播放视频
-
php编程-如何用PHP来实现例如点开服务号的一个按钮,然后进入一个页面播放视频
-
PHP做一个页面播放视频如何弄
-
camtasia怎么实现两个视频在一个屏幕上同时播放
-
video.js 一个页面同时播放多个视频的实例代码
-
video.js 一个页面同时播放多个视频的实例代码
-
camtasia怎么实现两个视频在一个屏幕上同时播放
-
影音转霸画中画怎么制作 一个画面播放多个视频的方法介绍
-
安防视频上云服务平台EasyCVR同一通道向上级联到多个平台无法同时播放问题修复
-
喵影工厂怎么合并将两个视频画面? 喵影工厂多个视频同时播放技巧