为了账号安全,请及时绑定邮箱和手机立即绑定

在angularjs项目中播放视频,使用video.js编写进度条打点插件,无法获取视频已成功加载

在angularjs项目中播放视频,使用video.js编写进度条打点插件,无法获取视频已成功加载

MMMHUHU 2018-10-18 18:10:20
需要给视频播放做进度条打点的功能,如下图:视频播放使用video.js控件,整个项目环境使用angularjs搭建。打点功能使用是为video.js扩展了一个插件,本身显示没有问题。现在的问题是在页面打开或刷新时,由于视频加载速度比较慢,两个点的显示很容易出现在视频进度条初始化之前,会产生这样的显示效果:controller代码如下。        var video = videojs('player', {            controlBar: {                volumeMenuButton: {inline: false}              }          });                  video.on('firstplay', function(){             video.videoDot({                init: true,                angular: true,                             dotArray: [{                    time: 300,                    content: '巴拉巴拉小魔仙巴拉巴'                 }, {                    time: 1800,                    content: '小魔仙蜜汁舞步!'                 }]             });         });监听的是video的firstplay事件,显然不合理。但是在videojs官网和源码中并没有找到合适的事件。请问该如何修改这个错误?
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1478 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号