【报Bug】video 标签显示内容位置偏移

分类：uni-app

bug反馈不是bug

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.5.3

手机系统： Android

手机系统版本号： Android 7.1.1

手机厂商：模拟器

手机机型：雷电模拟器4

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<scroll-view   
        scroll-y  
        style="height: 100%;padding: 20rpx;box-sizing: border-box;"  
        :refresher-threshold="45"  
        :refresher-enabled="true"  
        @refresherrefresh="refresherrefresh"  
        @refresherrestore="refresherrestore"  
        @refresherabort="refresherabort"  
        @scrolltolower="handlerScrolltolower">  
        <news-hot-swiper :list="hotList"/>  
        <view class="my-2"></view>  
        <news-scroll :list="hotList" />  
        <view>  
            <video   
                style="width: 100%;height: 400rpx;border-radius: 20rpx;"  
                src="https://haiba-static.oss-accelerate.aliyuncs.com/hb/materialResource/2022/1658976353523E93E9F8D554B2F6F.mov"  
                poster="https://newscdn.hndnews.com/hb/materialResource/2022/3a3d5a2f3f084f8b9bd3ba001786c5f0.jpg"  
            ></video>  
        </view>  
        <u-loading-icon v-if="loading"/>  
    </scroll-view>

操作步骤：

<scroll-view   
        scroll-y  
        style="height: 100%;padding: 20rpx;box-sizing: border-box;"  
        :refresher-threshold="45"  
        :refresher-enabled="true"  
        @refresherrefresh="refresherrefresh"  
        @refresherrestore="refresherrestore"  
        @refresherabort="refresherabort"  
        @scrolltolower="handlerScrolltolower">  
        <news-hot-swiper :list="hotList"/>  
        <view class="my-2"></view>  
        <news-scroll :list="hotList" />  
        <view>  
            <video   
                style="width: 100%;height: 400rpx;border-radius: 20rpx;"  
                src="https://haiba-static.oss-accelerate.aliyuncs.com/hb/materialResource/2022/1658976353523E93E9F8D554B2F6F.mov"  
                poster="https://newscdn.hndnews.com/hb/materialResource/2022/3a3d5a2f3f084f8b9bd3ba001786c5f0.jpg"  
            ></video>  
        </view>  
        <u-loading-icon v-if="loading"/>  
    </scroll-view>

预期结果：

video标签显示正常

实际结果：

video 显示位置错误

bug描述：

video标签使用，播放器位置跑到底部，或置顶

2022-08-01 15:48 负责人:无分享

1 个回复

DCloud_UNI_Anne

APP-vue和小程序中，请勿在 scroll-view 中使用 map、video 等原生组件。详见文档注意事项

1***@qq.com (作者)

？？？所以解决方案是不用？

2022-08-01 16:52
DCloud_UNI_Anne

回复 1***@qq.com: 用nvue页面list

2022-08-01 17:32
DCloud_UNI_Anne

回复 DCloud_UNI_Anne: video是原生组件，页面是非原生的，请用nvue原生渲染

2022-08-01 17:35

该问题目前已经被锁定, 无法添加新回复

【报Bug】video 标签显示内容位置偏移

预期结果：

video标签显示正常

实际结果：

video 显示位置错误

bug描述：

1 个回复

公告

相关问题

【报Bug】video 标签显示内容位置偏移

预期结果： video标签显示正常

实际结果： video 显示位置错误

bug描述：

与内容相关的链接

1 个回复

公告

相关问题

预期结果：

video标签显示正常

实际结果：

video 显示位置错误