video JS实现多视频循环播放
来源:互联网 发布:论坛发帖推广软件 编辑:程序博客网 时间:2024/04/30 06:13
video 的实现
<video id="myvideo" width="100%" height="auto" controls="controls" > 你的浏览器不支持HTML5播放此视频<span style="white-space:pre"></span><!-- 支持播放的文件格式 --><source src="video/01.mp4" type='video/mp4' /> </video>
JS实现
<script language="javascript"> $(document).ready(function(){ video.play(); }); var vList = ['video//01.mp4', 'video//1.mp4', 'video//02.mp4']; // 初始化播放列表 var vLen = vList.length; var curr = 0; var video = document.getElementById("myvideo"); video.addEventListener('ended', function(){play();}); function play() { video.src = vList[curr]; video.load(); video.play(); curr++; if(curr >= vLen){ curr = 0; //重新循环播放 } } </script>
注意:
转个编码就行了,
MP4有3种编码,mpg4(xdiv),,mpg4(xvid),avc(h264)
转换成H264编码就可以网页正常播放了,好像H264才是公认的MP4标准编码。。。。。
0 0
- video JS实现多视频循环播放
- video.js播放视频
- video实现视频播放
- 设置video.js多视频连续播放
- 设置video.js多视频连续播放
- Video.js视频播放控件
- 使用video.js播放视频
- Video JS视频播放插件
- html5实现视频播放<video>
- Video.js 播放rtmp视频流
- video.min.js做视频播放
- video.js 视频播放插件及常见问题
- H5视频播放库video.js介绍
- ios视频循环播放实现
- js-视频播放插件Video.js简单使用
- html5 video循环播放
- 视频播放- video标签
- video 播放视频
- 虚拟机键盘失效 如何恢复
- 一些平时工作中js的收集
- Aerospike-Architecture系列之数据管理概述
- 终将骑马上南山
- 7个免费的移动应用程序测试框架
- video JS实现多视频循环播放
- Android音频系统之AudioFlinger(一)
- Spring实现AOP的4种方式
- Linux负载均衡环境搭建-1 Linux下安装Nginx详细图解教程
- 【详解】【记录】Python写Excel预约信息表并发送邮件
- [译]JavaScript中的属性:定义和赋值的区别
- 理解dropout
- 3种常用系统制作ubuntu U盘安装盘
- Android 权限设置大全