picture-in-picture-mode 设置后小窗跑到不可见区域只能听见声音看不见小窗【报Bug】

分类：uni-app

bug反馈

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 13.6.7

HBuilderX类型：正式

HBuilderX版本号： 4.65

第三方开发者工具版本号： 1.06.2503281

基础库版本号： 3.7.12

项目创建方式： HBuilderX

示例代码：

<template> <video id="courseVideo" src="xxxx.mp4" controls picture-in-picture-mode="pictureInPictureMode" picture-in-picture-show-progress="true" picture-in-picture-init-position="right,0"
></video>
</template>
<script>
export default {
name: "VideoPlay",
data() {
return {
pictureInPictureMode: ["pop", "push"]
};
},
onLoad(options) {},
onReady() {},
onHide() {
console.log("页面隐藏");
},
onShow() {},
onUnload() {
console.log("页面卸载");
// 页面卸载时，小窗会根据配置自动处理
},
methods: {}
};
</script>
<style lang="scss" scoped>
video {
width: 300px;
height: 225px;
}
</style>

操作步骤：

前一个页面进入视频页面开始播放然后返回视频就会往不可见区域跳动

预期结果：

小窗在可见范围内

实际结果：

小窗跑到不可见区域内只能听见声音看不见

bug描述：

video 添加picture-in-picture-mode="['pop','push']" picture-in-picture-show-progress="true" picture-in-picture-init-position="right,0" 退出页面小窗跑到了不可见区域与微信小程序效果不同微信小程序原生没问题

2025-06-05 18:40 负责人:无分享

3 个回复

DCloud_UNI_yuhe

hello ，请提供一下视频效果辅助判断问题，方式可以在评论区上传 zip

w***@163.com (作者)

麻烦看一下 zip已上传到评论区

2025-06-06 10:30

w***@163.com (作者)

辅助判断视频

76343aee17c7999a306b5cf54fc77019.mov_.zip

w***@163.com (作者)

为了展示效果特意将主视频放置底部方便看小窗的活动轨迹

2025-06-06 10:31
DCloud_UNI_yuhe

回复 w***@163.com: 什么手机？其它位置也是这样吗？你是不是在这触发了左滑了？

2025-06-06 11:12
w***@163.com (作者)

回复 DCloud_UNI_yuhe: iphone 15 因为官网说的只有路由盏发生变化才会触发小窗但是我自己写了个微信小程序原生的在真机上同样的操作也没有问题

2025-06-06 11:16
DCloud_UNI_yuhe

回复 w***@163.com: 你发一下这个项目我看一下，另外你视频的效果是这段代码吗？我这里没这个效果，我这是 16

2025-06-06 11:19
w***@163.com (作者)

回复 DCloud_UNI_yuhe: 是这段代码我也怀疑是我页面的问题但是我放在其他页面也是这种效果

2025-06-06 11:20
w***@163.com (作者)

回复 DCloud_UNI_yuhe: offsetTop 为0 应该是这个导致的

2025-06-06 11:20
w***@163.com (作者)

回复 DCloud_UNI_yuhe: 我才想起来我是用cil搭建的

2025-06-06 13:04

w***@163.com (作者)

这个offsetTop属性为0 但是用原生写的为22

要回复问题请先登录或注册

picture-in-picture-mode 设置后小窗跑到不可见区域只能听见声音看不见小窗【报Bug】

操作步骤：

前一个页面进入视频页面开始播放然后返回视频就会往不可见区域跳动

预期结果：

小窗在可见范围内

实际结果：

小窗跑到不可见区域内只能听见声音看不见

bug描述：

3 个回复

公告

相关问题

picture-in-picture-mode 设置后 小窗跑到不可见区域 只能听见声音 看不见小窗【报Bug】

操作步骤： 前一个页面 进入 视频页面 开始播放 然后返回视频就会往不可见区域跳动

预期结果： 小窗在可见范围内

实际结果： 小窗跑到不可见区域内 只能听见声音看不见

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

picture-in-picture-mode 设置后小窗跑到不可见区域只能听见声音看不见小窗【报Bug】

操作步骤：

前一个页面进入视频页面开始播放然后返回视频就会往不可见区域跳动

预期结果：

小窗在可见范围内

实际结果：

小窗跑到不可见区域内只能听见声音看不见