videojs 从上次播放的时间点开始播放
转载声明:
本文为摘录自“csdn博客”,版权归原作者所有。
温馨提示:
为了更好的体验,请点击原文链接进行浏览
摘录时间:
2021-12-02 16:33:22
//加载播放器[0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0]
var myPlayer = videojs('my-video', {
fluid: true,
playbackRates: [0.5, 1.0, 1.5, 2.0]
});
videojs("my-video").ready(function() {
// myPlayer.poster(d.playpic);
myPlayer.src({
src: path
});
myPlayer.load({
src: path
});
//自动播放
myPlayer.play();
// 播放 myPlayer.play()
// 停止 – video没有stop方法,可以用pause 暂停获得同样的效果
// 暂停 myPlayer.pause()
// 销毁 myPlayer.dispose()
// 监听 myPlayer.on('click',fn)
// 触发事件myPlayer.trigger('dispose')
myPlayer.on('loadstart', function() {
console.log('loadstart')
});
myPlayer.on('loadedmetadata', function() {
console.log('loadedmetadata-视频源数据加载完成')
//设置上次播放时间lastLearnTime(秒)
myPlayer.currentTime(lastLearnTime);
});
myPlayer.on('loadeddata', function() {
console.log('loadeddata-渲染播放画面'); //autoPlay必须为false
});
myPlayer.on('progress', function() {
console.log('progress-加载过程')
});
//播放时长(秒)
var totalTime = 0;
// 监听播放进度
myPlayer.on('timeupdate', function() {
//当前播放时长(秒)
var currentTime = Math.floor(myPlayer.currentTime());
if (currentTime > 0 && currentTime > totalTime && (currentTime % 5 == 0)) {
//每隔5秒,向服务器提交播放时间(秒)
}
totalTime = currentTime;
});
// 使用事件监听
myPlayer.on('ended', function() {
videojs.log('播放结束了!');
});
});