html设置视频一直播放,设置video js多视频连续播放

设置video js多视频连续播放

代码如下：

var vList = ['http://vjs.zencdn.net/v/oceans.mp4', 'http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4']; // 初始化播放列表

var vLen = vList.length; // 播放列表的长度

var curr = 0; // 当前播放的视频

var video = document.getElementById("example_video_1");

var video = document.createElement("VIDEO");

video.setAttribute("width", "100%");

video.setAttribute("height", "500");

video.setAttribute("id", "example_video_1");

video.setAttribute("class", "video-js vjs-default-skin");

video.setAttribute("preload", "none");

video.setAttribute("poster", "video//demo.jpg");

video.setAttribute("data-setup", "{}");

video.setAttribute("controls", "yes");

document.getElementById("playervideo").appendChild(video);

//document.body.appendChild(video);

video.addEventListener('ended', play);

play();

function play(e) {

video.src = vList[curr];

video.load();

video.play();

curr++;

if(curr >= vLen){

curr = 0; // 播放完了，重新播放

}

html设置视频一直播放,设置video js多视频连续播放相关推荐

html 在线播放器,HTML5 Web播放器-Video.js
原标题:HTML5 Web播放器-Video.js Video.js是一款优秀的HTML5 Web视频播放器.它同时支持 HTM5 和 Flash 视频,支持在桌面和移动设备上的视频播放,截至目前,大 ...
视频列表html页面,vue + video.js实现视频列表页（多个视频）
vue + video.js实现视频列表页 vue项目中做一个视频列表页,本来用原生video标签来实现,由于考虑到手机浏览器兼容问题,找了很多插件,最后决定用video.js这个插件来实现.Vide ...
永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放
永久免费H5直播点播播放器SkeyeWebPlayer.js实现webrtc流播放 1.H5播放webrtc,现在各大浏览器已经逐渐加大对WebRTC技术的支持,成都视开信息科技视频团队开发webrt ...
js-视频播放插件Video.js简单使用
插件下载地址: http://www.jq22.com/jquery-info404 Video.js 是一个通用的在网页上嵌入视频播放器的 JS 库,Video.js 自动检测浏览器对 HTML5 ...
Video.js调整视频封面大小的问题
原文地址:http://blog.csdn.net/qq_20777797/article/details/53263796 在使用video.js插件播放视频时,屏幕窗口的大小是可以调整的,但是海报 ...
vue+video.js实现视频播放列表
1.引入Video.js npm install --save-dev video.js 然后在main.js中引用 import Video from 'video.js' import 'vide ...
在微信里打开网页，video视频出现问题，video.js插件解决
在调试的过程中,发现电脑端,手机端在谷歌中打开是没有问题的.但是在微信里打开页面出现问题. 分析:微信自带的内嵌浏览器是X5内核,而谷歌的内核是Webkit,video在X5内核里有兼容性的问题. 通 ...
【视频加水印】Video Watermark Pro视频添加动态水印(附工具下载地址)
<Video Watermark Pro>是一款专门给视频加水印的软件,这个软件可以帮用户快速加水印,而且可以批量加水印,软件操作起来简单又快捷,有需要的用户不要错过. 软件特色 1.将水 ...
html背景音乐播放与暂停,js控制网页背景音乐播放与停止的方法
本文实例讲述了js控制网页背景音乐播放与停止的方法.分享给大家供大家参考.具体实现方法如下: js控制背景音乐bgsound的方法(开始与停止) var bg_sound=document.creat ...

html设置视频一直播放,设置video js多视频连续播放

html设置视频一直播放,设置video js多视频连续播放相关推荐

最新文章

热门文章