码迷,mamicode.com
首页 > 其他好文 > 详细

vue-video-player的使用总结

时间:2019-04-05 23:53:14      阅读:1128      评论:0      收藏:0      [点我收藏+]

标签:ide   img   总结   统计   网站   课堂   src   时间   http   

由于公司的项目是网上教育的,像网易云课堂那种教育网站,因而会有很多课程需要在线观看的,所以视频插件是必不可少的。

由于我用vue开发项目,所以找视频插件也找和vue贴近的。最后选择了vue-video-player。这个视频插件还是挺好用的,好多事件都是可控的,挺方便的。

首先 npm install vue-video-player -S;

然后再main.js进行配置:

技术图片

技术图片

然后就可以在组件中使用了。

技术图片

常用参数:

技术图片

技术图片

然后就可以按需使用一些事件,由于我们项目需要播放的时候进行视频埋点,还有暂停的时候需要统计用户的暂停时间,还有等视频播放完

之后加个评分弹窗。因而我使用了三个事件,播放事件,暂停事件,播放结束之后事件。

技术图片

如何动态切换视频源呢?

技术图片

就先写这些,后面想到关于该插件的其他信息再补充。

vue-video-player的使用总结

标签:ide   img   总结   统计   网站   课堂   src   时间   http   

原文地址:https://www.cnblogs.com/zr123/p/10660296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!