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 = '监听到播放';
});
}
一个初始化的视频安装完毕