最近在写学校的项目,觉得uniapp自带的标签不是很方便,于是想到了百度云视频一个非常好用的H5插件,自带倍速和跑马灯功能
this.player = cyberplayer("myVideo").setup({
width: '100%', // 宽度,也可以支持百分比(不过父元素宽度要有)
height: '100%', // 高度,也可以支持百分比
title: "基本功能", // 标题
file: ' ', // 播放地址
image: "http://cyberplayer.bcelive.com/thumbnail.jpg", // 预览图
autostart: true, // 是否自动播放
stretching: "uniform", // 拉伸设置
repeat: false, // 是否重复播放
volume: 100, // 音量
controls: true, // controlbar是否显示
starttime: 5, // 视频开始播放时间点(单位s),如果不设置,则可以从上次播放时间点续播
marquee: {
show: true, // 显示与否,默认不显示
text:' ', // 跑马灯文字,默认‘百度智能云’
fontSize:,14 // 字体大小
color:"#f00" // 字体颜色
},
controlbar: {
barLogo: false, // 进度条上的logo显示与否,默认true
canDrag: false, // 进度条是否允许拖动,默认true
},
playRateConfig: [
{label: "×1"},
{label: "×1.25"},
{label: "×1.5"},
{label: "×2"},
],
playbackRate:1,
ak: "XXXXXXXXXXX" ,// 公有云平台注册即可获得accessKe
});
//开始播放
this.player.onPlay(function(e){
this.play(e)
})
//暂停播放
this.player.onPause(function(e){
this.pause()
})