小程序-腾讯视频插件

小程序使用插件：https://developers.weixin.qq.com/miniprogram/dev/framework/plugin/using.html

1，首先要在小程序管理后台的“设置-第三方服务-插件管理”中添加插件。开发者可登录小程序管理后台，通过 appid 查找插件并添加。如果插件无需申请，添加后可直接使用；否则需要申请并等待插件开发者通过后，方可在小程序中使用相应的插件。

2，引入插件代码包
放到主包和放到子包，影响各自包的大小。建议放到子包中

app.json

主包中配置："plugins": {"tencentvideo": {"version": "1.3.6","provider": "wxa75efa648b60994b"}},子包中配置： "subpackages":[{"root": "xxx","pages": ["path路径"],"plugins": {"tencentvideo": {"version": "1.3.6","provider": "wxa75efa648b60994b"}}}

3，使用插件
在 json 文件引入插件

details.json

{"navigationBarTitleText": "详情","usingComponents": {"txv-video": "plugin://tencentvideo/video"}
}

腾讯视频小程序插件文档：https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b

注意点：txv-video 显示广告时定义了z-index为11，所以注意自己样式中z-index的值

相关属性：

组件元素支持的自定义属性：vid 视频idplayerid 播放器标识符,需全局唯一，用于获取Video Context，进而手动控制播放width 视频宽度height 视频高度isHiddenStop 是否在不可见区域自动停止播放，默认false，即滑到不可见区域不停止播放isNeedMutex 是否互斥播放，默认true，即播放一个视频另一个播放的视频自动被暂停组件元素支持的video属性，属性取值与video一致（插件支持小程序video的大部分属性）autoplay 是否自动播放poster 视频海报，会根据视频vid拿一个默认值usePoster 是否使用海报图direction 视频全屏时方向objectFit 视频填充方式controls 视频播放控件showCenterPlayBtn 是否显示中间播放按钮

简单代码：

  <view hidden="{{tvphide}}"><txv-video vid="{{vid}}" width="{{width}}"height="{{height}}"playerid="txv0"autoplay='{{false}}' controls="true"title="{{title}}"vslideGesture="{{true}}"enablePlayGesture="{{true}}"playBtnPosition="center"bindstatechange="onStateChange"bindtimeupdate="onTimeUpdate"showProgress="{{showProgress1}}"show-progress="{{false}}"bindfullscreenchange="onFullScreenChange"></txv-video></view>

小程序-腾讯视频插件相关推荐

小程序——腾讯地图插件
今天跟大家聊一下微信小程序推出的腾讯地图插件的使用,话不多说,先上图小程序推出这个插件的主要目的是:"向用户展示从A到B的路线",开发文档给出了两种使用场景: 1, 收到小程序的 ...
手机腾讯视频android版插件,小程序1.6.5版更新，终于支持腾讯视频插件了
微慕小程序1.6.5版更新说明如下: 新增的功能 1.调整海报功能(adapter.js ,detail.js) 考虑到以前的海报生成有些变形,也容易导致失败,此次更新对海报的程序做了较大的调整,并做 ...
在小程序中使用腾讯视频插件播放教程视频
在我们开发的一个小程序里面,为了给客户了解一些教程内容,我们需要增加一个在线播放视频的模块,考虑过直接使用视频组件播放服务器上的视频不成功,因此使用腾讯视频插件来播放最终测试成功.本篇随笔介绍微信小程 ...
微信小程序涉及播放视频解决办法（证书or腾讯视频插件）
随着小程序越来越活,很多商家都开始开发自己的小程序啦,最近新的版本需求是在页面添加视频播放,视频是上传到自己的服务器的但是一提交审核之后.无数的问题接踵而至证书还是在申请中的但是怎么办看看其他的 ...
微信小程序使用腾讯视频插件-uniapp-详细篇（2022.1.27）
微信小程序使用腾讯视频插件-uniapp篇(无需资质审核包过) 1.添加插件:微信小程序平台-设置-第三方设置-添加插件-搜索:腾讯视频 2.在uniapp-manifest.json中-源码视图,添 ...
婚礼邀请函小程序使用腾讯视频插件
婚礼邀请函小程序使用腾讯视频插件 1.项目展示 2.腾讯视频插件 3.上代码首页照片墙页面美好时光页面婚礼地点页面结语 1.项目展示 2.腾讯视频插件小程序中提供了腾讯视频插件来播放视频 ...
微信小程序接入腾讯视频插件
前提条件:小程序需要申请成功腾讯视频插件官方文档 https://mp.weixin.qq.com/wxopen/plugindevdoc?appid=wxa75efa648b60994b 1.ap ...
微信小程序引入腾讯视频插件
首先在微信公众平台引入插件在设置--第三方设置里面申请使用插件 appid:wxa75efa648b60994b 根据文档写代码文档地址:https://mp.weixin.qq.com/wxo ...
小程序腾讯位置服务路线规划插件申请方法
如果用以下常规的方法个人小程序大概率是通过不了的在腾讯微信公众平台中, "微信小程序官方后台-设置-第三方服务-插件管理" 里点击 "添加插件",搜索 &qu ...
mpvue 如何使用腾讯视频插件？
1.在小程序微信开放平台:设置 - 第三方服务里申请腾讯视频插件 2.申请成功后就可以在项目中使用了具体使用步骤如下: 1.在项目目录src下的main.js中加入下面代码,这里代码会被编译到app ...

小程序-腾讯视频插件

小程序-腾讯视频插件相关推荐

最新文章

热门文章