video.js 一个页面同时播放多个视频
JS 一个 视频 页面 多个 播放 同时 Video
2023-09-14 09:06:33 时间
$(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);
需要做个延时,避免加载失败
相关文章
- window.addEventListener来解决让一个js事件执行多个函数
- 当当网上书店头部和尾部——JS源码
- 利用JS跨域做一个简单的页面访问统计系统
- JS魔法堂:彻底理解0.1 + 0.2 === 0.30000000000000004的背后
- 第三百五十节,Python分布式爬虫打造搜索引擎Scrapy精讲—selenium模块是一个python操作浏览器软件的一个模块,可以实现js动态网页请求
- nginx js、css多个请求合并为一个请求(concat模块)
- Eclipse中JS文件即使取消语法验证仍提示错误
- Cocos2d-JS中的精灵菜单和图片菜单
- 一个简单的knockout.js 和easyui的绑定
- [Next.js] Create an API Route Using the next-connect Package
- [Node.js] Sequelize Intro - 1
- [ML] Tensorflow.js + Image segmentPerson
- Js中的一个日期处理格式化函数
- js基础知识:es6中,当对象中的key名称为一个变量时,需要用`[]`括起来
- Cloud for Customer里的使用的一个第三方js库,用于gzip处理
- Atitit nlp自然语言处理类库(java python nodejs c#net) 目录 1.1. Python snownlp1 1.2. NLP.js一个nodejs/javascri
- paip.调试js 查看元素事件以及事件断点
- 日志库 winston 的学习笔记 - 创建一个使用 winston 的 Node.js 应用
- javascript基础修炼——手把手教你造一个简易的require.js
- js:新建一个指定长度的Array对象
- Sequelize.js:一个基于 promise 的 Node.js ORM
- vue中将验证表单输入框的方法写在一个js文件中(表达式验证邮箱、身份证、号码、两次输入的密码是否一致)
- 掌握这几个JS技巧,做一个不加班的前端人
- js 实现二叉树后序遍历
- js替换数组中的一个对象用for循环遍历