videojs 从上次播放的时间点开始播放

来源:csdn博客 分类: 文章浏览史 发布时间:2021-12-02 16:33:22 最后更新:2021-12-02 浏览:310
转载声明:
本文为摘录自“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('播放结束了!');
	});
});

 

php技术微信