.fanhan{背景颜色:rgba(0,0,0,0.3);宽度:35px;高度:35px;边界半径:25px;显示:弹性;弹性方向:行;证明内容:居中;对齐项目:居中;顶部:-200px;left:10px;}.yincang{height:210px;}.demo{flex-wrap:wrap;弹性方向:行;证明内容:空间之间;}.demo-view{宽度:700rpx;弹性:1;保证金:10rpx;}原生插件一般使用流程:购买插件,选择插件绑定的项目。在HBuilderX中找到项目,在manifest的app原生插件配置中查看module,如果需要填写参数,参考插件作者文档添加。根据插件作者提供的文档开发代码,在代码中引用插件,调用插件函数。打包自定义库,选择插件,获取自定义库,然后在运行时选择自定义库进行日志输出测试。开发完成后,官方云包付费原生插件目前不支持离线打包。Android离线打包原生插件见文档https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/androidiOS离线打包原生插件见文档https://nativesupport.dcloud.net.cn/NativePlugin/offline_package/ios注意事项:使用HBuilderX2.7.14以下版本,同一个插件同一个appid下购买绑定多个包名,提交云包界面时提示包名绑定不一致,需要manifest.json->HBuilderX工程中的App在“原生插件配置”->“云插件”列表中删除插件,重新选择awxhVideo。支持调整显示比例,滑动调整播放进度、声音、亮度、双击播放、暂停、重力感应自动进入/退出全屏和手动进入/退出全屏、倍速播放视频组件。功能列表[x]调整显示比例[x]滑动调整播放进度、声音、亮度[x]双击播放、暂停[x]重力感应自动进入/退出全屏和手动进入/退出全屏[x]倍速播放[]视频截图[]小列表窗口全局浮动播放[]视频列表连续播放[]广告播放[]边播边缓存[]弹幕[]多人同时播放[]纯播放无任何控制UI[]Android8.0画中画[]无缝播放[]抖音,实现预加载使用教程API描述startstartplaybackpauseplaybackresumecontinueplaybackreplayreplayreleasereleaseplayergetinfo获取视频信息playbackpausepauseplaybackstartstartplayingpausepausesetsetvideoparameterstartFullScreen进入全屏stopFullScreen退出全屏startTinyScreen打开小屏stopTinyScreen退出小屏setRotation屏幕旋转事件名称描述返回参数@onPlayerStateChanged监听播放器状态改变触发事件e@onPlayStateChanged监听播放状态改变触发事件e参考方法parametersoptions{Object}relatedoptionsattributetypedefaultvaluerequireddescriptionthumbstringnovideothumbnailtitlestringnovideotitlesrcstringyes视频播放地址isLivebooleanfalsenolive.pause();resume()继续播放视频参数没有例子this.$refs.videoView1.resume();replay()回放视频参数无例子this.$refs.videoView1.replay();release()释放播放器参数无例子this.$refs.videoView1.release();getinfo(options,callback)获取视频播放信息参数空对象回调方法callback{function(result)}无监听1.触发回调方法返回result{Object}格式属性类型描述Durationstring获取视频总时长CurrentPositionstring获取当前播放位置BufferedPercentagestring获取当前bufferpercentageCurrentPlayerStatestring获取当前播放器状态CurrentPlayStatestring获取当前播放状态TcpSpeedstring获取缓冲速度widthstring获取视频宽度heightstring获取视频高度示例this.$refs.videoView1.getinfo({},ret=>{a.ret=ret;constmsg=JSON.stringify(ret);uni.showModal({title:'Prompt',content:msg,success:function(res){if(res.confirm){console.log('User点击次数好的');}elseif(res.cancel){console.log('用户点击取消');}}});});set()设置视频参数options{Object}相关选项属性类型默认值requireddescriptionvaluestringissettingidentifiervalue{string}optionalvaluevaluedescriptionscale_defaultdefaultsizescale_16916:9scale_434:3scale_originaloriginalsizescale_match_parentfillscale_center_cropcentercropspeed_0_50.5speed_0_750.75doublespeedspeed_1_01doublespeedspeed_1_51.5doublespeedspeed_2_02doublespeedmirror_rotate镜像旋转btn_mutemuteqx_mute取消静音examplethis.$refs.videoView1.set('scale_default');startFullScreen()输入全屏参数examplethis.$refs.videoView1.startFullScreen();stopFullScreen()退出全屏参数无例子this.$refs.videoView1.stopFullScreen();startTinyScreen()启动小屏参数无例子this.$refs.videoView1.startTinyScreen();stopTinyScreen()退出小屏参数这个没??有例子。$refs.videoView1.stopTinyScreen();setRotation()屏幕旋转参数options{Object}相关options属性类型默认值必填descriptionrotationstring为旋转角度示例this.$refs.videoView1.setRotation({rotation:'90'});监听事件事件名称描述返回参数onPlayerStateChanged监听播放器状态改变触发事件eonPlayStateChanged监听播放状态改变触发事件eonPlayerStateChanged实例onPlayerStateChanged(e){this.PlayerState=e.detail.playerState;},onPlayStateChanged例子onPlayStateChanged(e){this.PlayState=e.detail.playState;},playerState{int}状态值说明10普通播放11全屏播放12小屏播放playState{int}optionalvalue值说明-1播放错误0Idle1Ready2Ready3Playing4PausingPlaying5PlayingFinished6Buffering7Buffered8开始播放中止示例"onPlayerStateChanged"@onPlayStateChanged="onPlayStateChanged">播放状态:{{PlayState}}播放器状态:{{PlayerState}}开始播放暂停继续播放重播释放播放器获取视频信息默认大小16:9按钮>4:3原始大小填充中心裁剪按钮>0.5x速度</button>0.75x速度1双速1.5倍速2倍速旋转镜像静音取消静音进入全屏退出全屏打开小屏退出小屏幕画面旋转90