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,“.”或“”代表容器的classvideo: 'http:视频地址.mp4'//视频地址};var player = new ckplayer();//初始化播放器player.add(videoObject);//}player.play(function () {document.getElementById('state').innerHTML = '监听到播放';});}
一个初始化的视频安装完毕