代码拉取完成,页面将自动刷新
基于ckplayer封装的vue-ckplayer
npm i vue-ckplayer -save
import player from 'vue-ckplayer'
props: {
playStyle: {
// 播放器样式:内联样式
type: String,
default: ''
},
sdk: {
// 版本 sdk
type: String,
default: 'https://fjycjd_admin.gitee.io/cdn/ckplayer/ckplayer.min.js'
},
variable: {
//调用播放器的函数名称
type: String,
default: 'player'
},
source: {
type: String,
default: ''
},
width: {
// 播放器宽度,可形如‘100%’或者‘100px’
type: String,
default: '100%'
},
height: {
// 播放器高度,可形如‘100%’或者‘100’
type: String,
default: '320'
},
live: {
// 是否是直播视频
type: Boolean,
default: true
},
loop: {
// 播放结束后是否循环播放
type: Boolean,
default: false
},
autoplay: {
// 建议 false : 一些浏览器这样会报错
// 播放器是否自动播放
type: Boolean,
default: true
},
poster: {
// 设置媒体流的预览图
type: String,
default: ''
},
loaded: {
// 播放器加载后触发的函数
type: String,
default: ''
},
volume: {
// 设置播放器音量大小,范围(0 - 1)
type: Number,
default: 0.8
},
preview: {
type: Array,
default: () => {
return [];
}
}
}
// 加载播放器
1、loadByUrl(url)
// 播放
2、play()
// 暂停
3、pause()
// 切换播放状态
4、togglePlay()
// 设置音量
5、setVolume()
// 加载
6、load(url)
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。