uniapp引用百度云视频

最近在写学校的项目,觉得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()
                })

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值