vedio.js 是一款视频播放插件,它会自动检测浏览器对 HTML5 的支持情况,如果不支持 HTML5 则自动使用 Flash 播放器。下面来介绍下它的使用:
引用video-js.cs样式文件和video.js
设置flash播放器的路径,如果你的浏览器不支持html5,将会使用flash播放
body部分,这里支持三种格式MP4,webm,ogg,也可以设置网络路径,poster:视频的封面图片
自动播放:
一些参数:
var myPlayer = videojs(“example_video_1″);//获取对象,example_video_1就是video标签的id值 myPlayer.play();//播放myPlayer.pause();//暂停var whereYouAt = myPlayer.currentTime();//获取播放进度:myPlayer.currentTime(120);//设置播放进度:var howLongIsThis = myPlayer.duration();//视频持续时间,加载完成视频才可以知道视频时长,且在flash情况下无效var whatHasBeenBuffered = myPlayer.buffered();//缓冲,就是返回下载了多少var howMuchIsDownloaded = myPlayer.bufferedPercent();//百分比的缓冲var howLoudIsIt = myPlayer.volume();//获取声音大小myPlayer.volume(0.5);//设置声音大小(0-1之间)var howWideIsIt = myPlayer.width();//取得视频的宽度myPlayer.width(640);//设置宽度var howTallIsIt = myPlayer.height();//获取高度myPlayer.height(480);//设置高度:myPlayer.size(640,480);//一步到位的设置大小:myPlayer.enterFullScreen();//全屏//自定义事件var myFunc = function(){// Do something when the event is fired};//添加事件myPlayer.addEvent(“eventName”, myFunc);//删除事件myPlayer.removeEvent(“eventName”, myFunc);
附: