评论：视频播放插件Video.js  [查看原文]

var videoObj = videojs(“videoId”);

ready:

myPlayer.ready(function(){
    //在回调函数中，this代表当前播放器，
    //可以调用方法，也可以绑定事件。
})

播放：

myPlayer.play();

暂停：

myPlayer.pause();

获取播放进度：

var whereYouAt = myPlayer.currentTime();

设置播放进度：

myPlayer.currentTime(120);

视频持续时间，加载完成视频才可以知道视频时长，且在flash情况下无效

var howLongIsThis = myPlayer.duration();

缓冲，就是返回下载了多少

var whatHasBeenBuffered = myPlayer.buffered();

百分比的缓冲

var howMuchIsDownloaded = myPlayer.bufferedPercent();

声音大小（0-1之间）

var howLoudIsIt = myPlayer.volume();

设置声音大小

myPlayer.volume(0.5);

取得视频的宽度

var howWideIsIt = myPlayer.width();

设置宽度：

myPlayer.width(640);

获取高度

var howTallIsIt = myPlayer.height();

设置高度：

myPlayer.height(480);

一步到位的设置大小：

myPlayer.size(640,480);

全屏

myPlayer.enterFullScreen();

离开全屏

myPlayer.enterFullScreen();

添加事件

durationchange
ended //播放结束
firstplay
fullscreenchange
loadedalldata
loadeddata
loadedmetadata
loadstart
pause //暂停
play  //播放
progress
seeked
seeking
timeupdate
volumechange
waiting
resize inherited

var myFunc = function(){
// Do something when the event is fired
};

事件绑定

myPlayer.on("ended", function(){
    console.log("end", this.currentTime());
});
myPlayer.on("pause", function(){
    console.log("pause")
});

删除事件

myPlayer.removeEvent(“eventName”, myFunc);

Meryi0
2017/6/5 10:23:50
非常详细

这个插件还是很好用的，

之前那个切换地址的还需要一点修改才可以使用。。。

我的情况是这样的，一个页面中有多个视频，

需要点击后触发bootstrap 的模态窗，再弹出视频

我个人的方法是：

html:

<a videohref="http://xxx.mp4" class="video_link"><img  src="../images/xxx.jpg"/></a>

JS:

$(".video_link").click(function() {
    var myPlayer = videojs('my-video');
    var videoUrl = $(this).attr("videohref");
    videojs("my-video", {}, function() {
        window.myPlayer = this;
        $("#mymoda .video-con #my-video source").attr("src", videoUrl);
        myPlayer.src(videoUrl);
        myPlayer.load(videoUrl);
        myPlayer.play();
    });
    $(".click-modal").click();
});
// 模态窗消失时，关闭视频    
$('#mymoda').on('hidden.bs.modal', function() {
    myPlayer.pause();
});

怀念★往事0
2017/5/31 16:32:13

希望这些代码能帮助到有需要的人。。。。

SSH0
2017/6/28 16:09:14

我用这个代码不能切换啊

关键这还不能设置链接优酷或者百度视频~更别说播放flv了

我这能听见视频的声音，为什么不显示视频呢

day0
2017/5/27 10:15:31
转码试试

您好，怎么设置默认全屏呀

??Mr.Esion9527?0
2017/5/28 11:23:47

videojs('my-player', {
  controlBar: {
    fullscreenControl: false
  }
});

还可以的，挺好用的

请问如何禁止视频快进？

icytail0
2017/5/31 11:15:27

这个问题我也找了好久的办法没有找到，目前的解决办法是初始化videojs对象时不渲染进度条

可以  实现自适应吗

全自动0
2017/5/31 15:58:55
我也想问这问题

http://vjs.zencdn.net/oceans-clip.png 403 (Forbidden)
video.html:1 GET http://vjs.zencdn.net/oceans-clip.mp4 403 (Forbidden)
video.html:1 GET http://vjs.zencdn.net/oceans-clip.webm 403 (Forbidden)

请问下提示这个是什么原因？ 没有权限访问视频文件？

火狐浏览器自动弹出迅雷下载提示框，如何去掉呢

请问下不要全屏播放怎么弄，急急急，大神些

请问怎么修改播放按钮的大小，是在配置里修改还是CSS里？？？