微信小程序使用腾讯视频插件-uniapp-详细篇（2022.1.27）

微信小程序使用腾讯视频插件-uniapp篇（无需资质审核包过）

1.添加插件：微信小程序平台-设置-第三方设置-添加插件-搜索：腾讯视频

2.在uniapp-manifest.json中-源码视图，添加plugins配置

"mp-weixin" : {"appid" : "****","setting" : {"urlCheck" : true},"usingComponents" : true,"uniStatistics" : {"enable" : true},"plugins": {"tencentvideo": {"version": "2.0.5","provider": "wxa75efa648b60994b"}}},

3.在page.json 中使用的页面的style中（放在单独页面不生效，就放在globalStyle中）添加使用的usingComponents：{自定义插件名：插件地址}

{"path": "pages/user/user","style": {"navigationBarTitleText": "我的","usingComponents": {// #ifdef  MP-WEIXIN "txv-video": "plugin://tencentvideo/video"// #endif}}
},

4.在页面中直接使用，无需再次引入

<template><view><txv-video :loop="true" vid="********"  :autoplay="true" id="userVideo" ></txv-video></view>
</template>

5.使用方法

 5.1填写vid，vid就是腾讯视频的id，打开腾讯视频网页版（个人最好用qq登录，下文有解释），点击右上角头像进入个人中心-上传视频，审核后打开视频上方连接 如：https://v.qq.com/x/page/x0032uqc1my.html   // .html一串字符串即视频的vid公司的话还没有尝试，可以使用企业微信登录注册创作者上传视频

5.2 腾讯视频插件的一些api，

autoplay属性控制是否默认自动播放（默认是自动播放），
loop控制循环播放，默认没有循环播放，
视频组件实例通过this.selectComponent（id）获取
控制播放暂停（视频组件并无click事件，需要在父元素添加点击事件）,这里给视频盒子一个高度，最好给个假的播放图片，点击显示视频并播放
如果是在tab页，切换页面在切回来视频还是会播放，所以需要在onShow中手动暂停视频（onHide暂停无效，还没找到原因，坑！）

<view @click="videoClick()" style="height:300rpx"><txv-video  v-show="isPlay"  :loop="true" vid="n3320aqnc4y"  :autoplay="false" id="userVideo" ></txv-video>
</view>
export default {data(){return {isPlay:false}},methods:{videoClick(){const player = this.selectComponent('#userVideo')player.play()this.isPlay=true}},onShow(){const player = this.selectComponent('#userVideo')player.pause()this.isPlay=false}
}

6腾讯视频插件超过1min，打开视频会有广告，这里，需要到腾讯视频商业中心去开通免广告，个人（需绑定上传视频的qq号，前文有提到）有100次vv（点击率）的试用机会腾讯视频插件商业中心

腾讯视频广告在大部分机型流量中播放下会卡顿死在广告页面，开通免广告后，直接打开视频不会卡顿，不知道其他小程序有无这种情况，坑坑坑

微信小程序使用腾讯视频插件-uniapp-详细篇（2022.1.27）相关推荐

微信小程序接入腾讯视频插件
前提条件:小程序需要申请成功腾讯视频插件官方文档 https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b 1.ap ...
微信小程序引入腾讯视频插件
首先在微信公众平台引入插件在设置--第三方设置里面申请使用插件 appid:wxa75efa648b60994b 根据文档写代码文档地址:https://mp.weixin.qq.com/wxo ...
婚礼邀请函小程序使用腾讯视频插件
婚礼邀请函小程序使用腾讯视频插件 1.项目展示 2.腾讯视频插件 3.上代码首页照片墙页面美好时光页面婚礼地点页面结语 1.项目展示 2.腾讯视频插件小程序中提供了腾讯视频插件来播放视频 ...
小程序php调用腾讯视频,如何用微信小程序来看腾讯视频？观看视频的办法
软件安装:腾讯视频腾讯视频于2016年底提出了全新的品牌理念--"不负好时光",以更加年轻化.更能引起用户情感共鸣的定位全新亮相,并展现了全新品牌标识.秉承"内容为王, ...
Vue/微信小程序 -- 引入腾讯视频
做项目时有个需求,就是播放腾讯视频,直接给的播放链接,比如:https://v.qq.com/x/page/b0136et5ztz.html (该链接是网上找的).最初的做法,就是用vue开发h5页面 ...
微信小程序引用腾讯视频
文章转自 https://www.jiezhe.net/post/38.html tips:腾讯视频上传需要认证,上传身份证图片时如果报错,就换个QQ号,我一个QQ号能上传,另一个QQ号就不行,应该是 ...
C# 利用正则表达式获取文本中的https网址并替换新的对应的值,微信小程序播放腾讯视频
后台用KindEditor传了好几个视频地址,需要在微信小程序播放,复文本框写的内容是保存在数据库的一个字段的,就像下面这样,像这小程序播放,需要解析除真正的视频地址,所有需要获取里面的两个视频地址, ...
微信小程序-调用腾讯地图插件实现定点，路线规划，地铁图，服务拓展（逆地址解析，地点搜索）
实现流程实现思路使用工具基础介绍小程序结构介绍整体代码结构调用插件主页分析定点出行规划服务地铁图服务接口能力逆地址解析地点搜索注意问题问题仓库地址实现思路选择小程序 ...
微信小程序 - 接入腾讯地图 SDK 及详细使用教程，结合小程序 mpa 地图组件展示腾讯地图（基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆地址解析 / 坐标系的转化）
介绍网上的教程都太乱了,代码根本没办法拿到自己的项目中去. 本文实现了微信小程序中接入使用腾讯地图插件详细教程,并提供了基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆 ...

微信小程序使用腾讯视频插件-uniapp-详细篇（2022.1.27）

微信小程序使用腾讯视频插件-uniapp篇（无需资质审核包过）

微信小程序使用腾讯视频插件-uniapp-详细篇（2022.1.27）相关推荐

最新文章

热门文章