小程序使用插件: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 视频id playerid 播放器标识符,需全局唯一,用于获取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>














