悬浮窗-视频 Ba-FloatWinVideo

简介（下载地址）

Ba-FloatWinVideo 是一款视频悬浮窗插件。支持悬浮应用之上，或者应用内；支持自定义尺寸、位置和拖动方式；支持点播、直播；支持静音、暂停、重播、快进、后退；

• 支持悬浮应用之上，或者应用内
• 支持自定义悬浮窗尺寸大小
• 支持多种拖动方式（不拖动、任意拖动、贴边拖动）
• 支持设置显示位置
• 支持点播、直播
• 支持静音
• 支持暂停
• 支持重新播放
• 支持快进、后退（点播）
• 支持设置当前播放进度

  ---

  可关注博客，实时更新最新插件：

  uniapp 常用原生插件大全

  ---

  截图展示

  使用方法

  在 script 中引入组件

  	const floatWin = uni.requireNativePlugin('Ba-FloatWinVideo')
  

  在 script 中调用（示例参考，可根据自己业务和调用方法自行修改）

          methods: {
  			showFW() { //显示
  				floatWin.show({
  						url: this.url, //视频地址
  						//widthRatio: 0.6 f, //悬浮窗宽度（屏幕宽度比例，默认0.6）
  						//heightRatio: 0.34 f, //悬浮窗高度（屏幕宽度比例，默认0.34）
  						//xRatio: 0.8, //悬浮窗X轴位置（距离左上角，屏幕宽度比例，默认0.8）
  						//yRatio: 0.7, //悬浮窗Y轴位置（距离左上角，屏幕高度比例，默认0.7）
  						//moveType: 1,//拖动方式：1：不可拖动 2：任意拖动、3：贴边拖动。默认2
  						//isRememberXY: false,//是否记住上次的位置。默认true
  						//isPermission: false,//是否申请悬浮窗权限。默认true
  						//isLive: false,//是否是直播，默认false
  						//isMute: false,//是否静音播放，默认false
  						//currentTime: 0,//当前播放进度，毫秒
  					},
  					(res) => {
  						console.log(res);
  						this.showToast(JSON.stringify(res))
  					});
  			},
  			updateFW() { //更新数据
  				floatWin.update({
  						url: "", //视频地址
  						restart: true,//是否重新播放，如果涉及视频设置，如url等，必须传true
  						//isLive: false,//是否是直播，默认false
  						//isMute: false,//是否静音播放，默认false
  						//currentTime: 0,//当前播放进度，毫秒
  						//widthRatio: 0.6 f, //悬浮窗宽度（屏幕宽度比例，默认0.6）
  						//heightRatio: 0.34 f, //悬浮窗高度（屏幕宽度比例，默认0.34）
  						//xRatio: 0.8, //悬浮窗X轴位置（距离左上角，屏幕宽度比例，默认0.8）
  						//yRatio: 0.7, //悬浮窗Y轴位置（距离左上角，屏幕高度比例，默认0.7）
  						//moveType: 1,//拖动方式：1：不可拖动 2：任意拖动、3：贴边拖动。默认2
  					},
  					(res) => {
  						console.log(res);
  						this.showToast(JSON.stringify(res))
  					});
  			},
  			hideFW() { //隐藏
  				floatWin.hide(
  					(res) => {
  						console.log(res);
  						this.showToast(JSON.stringify(res))
  					});
  			},
  		}