vue项目中使用ckplayer.js封装视频播放组件

1、在index.html中引入ckplayer.js

资源放在public路径下:

vue项目中使用ckplayer.js封装视频播放组件_第1张图片

 点击视频播放按钮,弹框播放,效果图如下:如果需要支持进度条快进后退,后台接口需要使用断点续传

vue项目中使用ckplayer.js封装视频播放组件_第2张图片

调用组件代码:





 ckplayerComp.vue:






 

你可能感兴趣的:(vue)