videojs 使用

初始化

var player = videojs("video-id", options, function onPlayerReady() {})

option

option = {
	preload: 'auto',
    // controls: true, // 控制条
    autoplay: 'muted', // 静音播放
    sources: [{
      src: 'xxx.m3u8',
      type: 'application/x-mpegURL'
    }]
}

监听事件

player.on("loadstart",function(){
    console.log("开始请求数据 ");
})
player.on("progress",function(){
    console.log("正在请求数据 ");
})
player.on("loadedmetadata",function(){
    console.log("获取资源长度完成 ")
})
player.on("canplaythrough",function(){
    console.log("视频源数据加载完成")
})
player.on("waiting", function(){
    console.log("等待数据")
});
player.on("play", function(){
    console.log("视频开始播放")
});
player.on("playing", function(){
    console.log("视频播放中")
});
player.on("pause", function(){
    console.log("视频暂停播放")
});
player.on("ended", function(){
    console.log("视频播放结束");
});
player.on("error", function(){
    console.log("加载错误")
});
player.on("seeking",function(){
    console.log("视频跳转中");
})
player.on("seeked",function(){
    console.log("视频跳转结束");
})
player.on("ratechange", function(){
    console.log("播放速率改变")
});
player.on("timeupdate",function(){
    console.log("播放时长改变");
})
player.on("volumechange",function(){
    console.log("音量改变");
})
player.on("stalled",function(){
    console.log("网速异常");
})

常用方法

player.muted(Boolean) // 是否静音
player.play() // 播放
player.pause() // 暂停
player.dispose() // 销毁实例