微信小程序联合视频播放器插件的使用

联合视频播放器插件开发文档

一、使用插件前，使用者要在 app.json 中声明需要使用的插件：（使用Hbuilder开发时需要manifest.json源码视图里面添加）

二、在使用插件的页面-注册组件

components: {
"pb-video": "plugin://video-plugin/pb-video",
},

三、组件的使用

<pb-video :videoConf="videoConf" secret="secret" />

videoConf 视频默认属性如下：

videoConf: {
width: '750rpx', //视频的宽度，必须带px,或rpx
height: '100%', //视频的高度，可以带px或100%类似的高度设置
url: '', //播放url--String
controls: true, //是否显示默认播放控件
enableDanmu: true, //是否展示弹幕
autoplay: false, //是否自动播放
loop: false, //是否自动播放
muted: false, //是否静音播放
initialTime: false, //指定视频初始播放位置
showProgress: true, //是否显示进度条
showFullBtn: true, //是否显示全屏按钮
showPlayBtn: true, //是否显示底部控制栏的播放按钮
showCenterPlayBtn: false, //是否显示屏幕中间的播放按钮
enableProgressGesture: true, //是否开启控制进度的手势
objectFit: 'contain', //视频的表现形式 contain:包含，fill:填充，conver:覆盖
poster: '', //视频封面的图片网络资源地址，若controls属性值为false，则设置无效
ShowMuteBtn: false, //是否显示静音按钮
title: '', //视频标题，全屏时在顶部展示
playBtnPosition: 'bottom', //播放按钮的位置bottom/center
enablePlayGesture: false, //是否开启播放手势，即双击切换播放/暂停
autoPauseIfNavigate: true, //跳转小程序的其他页面时，是否自动暂停本页面视频播放
autoPauseIfOpenNative: true, //跳转到其他微信原生页面，是否自动暂停本页面视频播放
vslideGesture: false, //非全屏模式下，是否开启亮度与音量调节手势
vslideGestureInFull: true, //全屏模式下是否开启亮度与音量调节手势
showCastingBtn: false, //显示投屏按钮，只安卓且同层渲染下生效，支持DLNA协议
pictureMode: '', //设置小窗模式，push,pop,空字符或者数组模式设置多个模式 -- String/Array
enableAutoRotation: false, //是否开启手机横屏时自动全屏，当系统设置开启自动旋转时生效
showScreenLockBtn: false, //是否显示锁屏按钮
},
videoPause:function(){
//视频暂停;
},
timeupdate:function(res){
//视频播放进度;
},
videoOnPlay:function(res){
// 视频开始播放
},
videoEnded:function(){
// 视频播放完成
},

微信小程序联合视频播放器插件的使用相关推荐

微信小程序使用视频播放器video组件
在app.json中配置好页面路由和权限. 1.app.json {"pages":["pages/video/video" ], "permissi ...
微信小程序小说阅读器/在线故事阅读丨可以android studio运行
<微信小程序小说阅读器+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统,该后台采用 ...
微信小程序音乐播放器
趁周末做一个简单的微信小程序音乐播放器,源码已留. 播放列表首页wxml <swiper class="swiper" indicator-dots='{{swipterSe ...
在微信小程序中,使用wxParse插件解析HTML/md富文本
1. 在微信小程序中,使用wxParse插件解析HTML富文本下载文件 GitHub地址:https://github.com/icindy/wxParse 解压文件,在解压后的文件夹里找到wxPa ...
微信小程序小说阅读器+后台管理系统|前后分离VUE
<微信小程序小说阅读器+后台管理系统|前后分离VUE>该项目含有源码.论文等资料.配套开发软件.软件安装教程.项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统,该后台采用 ...
微信小程序“同声传译”插件（语音识别，语音合成）体验
本文原文:http://www.happycxz.com/m/?p=383 官方插件上线微信小程序"同声传译"插件介绍传送门遥知之改版原来使用的是我自己封装的API,现在改 ...
微信小程序使用物流查询插件
微信小程序使用物流查询插件文章目录微信小程序使用物流查询插件添加插件添加成功使用方式声明使用插件引入插件包效果图物流查询插件添加插件登录微信公众平台后台->设置->第 ...
uniapp微信小程序引入第三方广告插件
以Slime广告插件为例. 一.微信小程序后台申请相关插件二.manifest.json文件 "mp-weixin" : {"appid" : "* ...
安卓自定义时间选择器_微信小程序拾色器（颜色选择器）组件
点击上方"极客小寨",选择"置顶公众号" 第一时间关注程序猿(媛)身边的故事大家好,我是独立开发者东东,如今在web项目中不少地方需要用到颜色选择器,比如设置 ...

微信小程序联合视频播放器插件的使用

微信小程序联合视频播放器插件的使用相关推荐

最新文章

热门文章