video JS实现多视频循环播放

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标准编码。。。。。

video JS实现多视频循环播放相关推荐

video.min.js php,使用flv.js与video.js做一个视频直播效果
这次给大家带来使用flv.js与video.js做一个视频直播效果,使用flv.js与video.js做出视频直播效果的注意事项有哪些,下面就是实战案例,一起来看一下. 环境配置首先运行livego ...
Opencv(C++)笔记--视频读取、视频属性查看、视频循环播放
目录 1--视频读取代码 2--视频属性查看 3--视频循环播放代码 1--视频读取代码 # include<opencv2/opencv.hpp> # include<cstdio ...
关于今天写Flex视频循环播放所出现的sdk问题
问题描述:用Flex写的Air视频循环播放,当在FB编辑器中运行测试时,视频可以正常循环,当不内嵌Air打包时就会出现播放一段时间后暂停不播放了. 问题分析:主要是在编辑器里运行正常,一打包就会出现暂 ...
【怎样制作ppt课件】Focusky教程 | 设置插入的视频循环播放
(Focusky动画演示大师简称"FS软件") 插入视频后如何设置视频循环播放,操作如下: 1．插入视频点击"插入"--"视频"或者点击 ...
html5播放视频自动循环播放,HTML5 通过Vedio标签实现视频循环播放的示例代码
要实现网页播放视频在HTML5以前是通过标签标签的作用是在 HTML页面中嵌入多媒体元素标签的作用是在 HTML页面中嵌入多媒体元素存在的问题: 需要flash,效率低如果浏览器不支持 Fla ...
Video.js插件切换视频源并操作m3u8格式视频
目录第一章 videojs的配置与简介第二章更改视频源代码与实例第三章 api的部分应用实例第四章视频api补充介绍添加事件事件绑定前言:老师让我修改一个需要播放器的界面,之前的播放 ...
Video.js中m3u8视频清晰度切换
原文地址:http://blog.csdn.net/chenyongtu110/article/details/77181081 完成测试代码 <!DOCTYPE HTML> <ht ...
html视频不播放视频教程,HTML5：video标签我这视频怎么播放不了？
加了这一句在页面中: 回复讨论(解决方案) video 这个标签的 src 播放文件因浏览器的不同,支持的文件格式也不同.而且video文件必须遵循一定编码(比如:h264等)才可以进行播放的格式问 ...
video.js android,VideoJS + HTML5自动播放失败，适用于Android 2.3+和IOS 4+
我的VideoJS和HTML5项目针对更新的Web浏览器(较新版本的FireFox和Chrome)以及移动浏览器(Android2.3 +和IOS4 +).VideoJS + HTML5自动播放失败, ...

video JS实现多视频循环播放

video JS实现多视频循环播放相关推荐

最新文章

热门文章