vue项目视频播放ckplayer使用

ckplayer 官方网址，点击访问

1，打开网页后能看到这里，我现在使用的是最新 X3版手册

2，这个ckplayer不是npm 插件，要下载安装包解压到项目里面使用

安装包网址 通过gitee下载

3，解析安装包到项目中 public文件夹下面，在index.html下引入

4，在项目中使用

<template>
    <div class="video-container">
      <div class="video" style="width: 100%;height:100%;"></div>
      <p id="state"></p>
    </div>
  
  </template>

 mounted() {
      //定义一个变量：videoObject，用来做为视频初始化配置
      var videoObject = {
        container: '.video', //“#”代表容器的ID，“.”或“”代表容器的class
        video: 'http:视频地址.mp4'//视频地址
      };
      var player = new ckplayer();//初始化播放器
      player.add(videoObject);//
      }
      player.play(function () {
          document.getElementById('state').innerHTML = '监听到播放';
      });
    }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

一个初始化的视频安装完毕