uniapp 悬浮窗-视频（自定义尺寸、多种拖动、静音）插件 Ba-FloatWinVideo

悬浮窗-视频 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))
					});
			},
		}