首席烟花引燃师
首席烟花引燃师
  • 发布:2021-08-18 16:13
  • 更新:2021-09-27 15:40
  • 阅读:454

【报Bug】uni-app 苹果手机 video标签 视频带有旋转属性时poster封面图会被旋转,而安卓手机不会旋转

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: 20H2

HBuilderX类型: Alpha

HBuilderX版本号: 3.2.1

手机系统: iOS

手机系统版本号: iOS 12.4

手机厂商: 苹果

手机机型: iphone6

页面类型: nvue

nvue编译模式: fast

打包方式: 云端

项目创建方式: HBuilderX

示例代码:
<template>  
    <view class="content">  
        <video :src="src" :poster="poster"></video>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                src: 'https://www.budaos.com/bds/uploads/474182cc-b0db-45dd-90e1-cda620ba9a5d.mp4',  
                poster: 'https://www.budaos.com/bds/uploads/474182cc-b0db-45dd-90e1-cda620ba9a5d.jpg'  
            }  
        },  
        onLoad() {  

        },  
        methods: {  

        }  
    }  
</script>

操作步骤:

新建uni-app工程,在index.vue中粘贴上述示例代码,目前是用的iphone6 系统12.5.4测试,发现poster封面图被旋转了。而安卓手机不会旋转。

预期结果:

苹果手机和安卓手机应该保持一致性,要么都旋转,要么都不旋转

实际结果:

苹果手机poster图被旋转
安卓手机poster图不会被旋转

bug描述:

起初看到HX Alpha3.2版本修复了安卓下video播放视频暂停时预览页显示横屏问题,我还以为苹果相类似的问题也同步修复了,结果测试发现并没有修复 。
问题如下:
video标签中src加载的视频如果带有旋转属性后,设置的poster封面图。苹果手机下会旋转,安卓手机下又不会旋转。所以做这类功能时,封面图还得按手机终端类型不同做两张封面图,极其的不方便。望官方能及时修复该问题使用得苹果和安卓效果一致性。

2021-08-18 16:13 负责人:DCloud_iOS_DJX 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

问题复现,已加分,感谢您的反馈!

DCloud_iOS_DJX

DCloud_iOS_DJX

Bug 已确认 下个Alpha版本修复

DCloud_iOS_XHY

DCloud_iOS_XHY

问题已修复,请更新HX

要回复问题请先登录注册