【报Bug】严重BUG！！Video最大化旋转异常

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

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

HBuilderX类型：正式

HBuilderX版本号： 3.99

手机系统： iOS

手机系统版本号： iOS 16

手机厂商：苹果

手机机型： IPhone11

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <view>  
        <button style="margin-top: 40px;" @tap="chooseVideo">选择</button>  
        <video  
            v-if="src"  
            id="my-video"  
            :src="src"  
        ></video>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  
                src: ''  
            }  
        },  
        methods: {  
            chooseVideo() {  
                uni.chooseVideo({  
                    success: (res) => {  
                        console.log(res);  
                        this.src = res.tempFilePath  
                    }  
                })  
            },  
        }  
    }  
</script>  

<style>  
</style>

操作步骤：

选择视屏后点击播放，然后点击全屏

预期结果：

视屏旋转90度后铺满屏幕正常播放。

实际结果：

视屏旋转了180度，UI旋转了90度，整个应用变成了横屏。

bug描述：

Video最大化旋转异常。

2024-01-16 23:43 负责人:DCloud_iOS_LZY 分享

2 个回复

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

Android也有同样的问题。

DCloud_iOS_LZY

iOS16 以上video全屏需要配置应用支持横屏：在 manifest.json 文件内 app-plus 节点下新增 screenOrientation 配置，设置值为["portrait-primary","portrait-secondary","landscape-primary","landscape-secondary"]。
另外，示例代码并未复现bug

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

【报Bug】严重BUG！！Video最大化旋转异常

操作步骤：

选择视屏后点击播放，然后点击全屏

预期结果：

视屏旋转90度后铺满屏幕正常播放。

实际结果：

视屏旋转了180度，UI旋转了90度，整个应用变成了横屏。

bug描述：

2 个回复

公告

相关问题

【报Bug】严重BUG！！Video最大化旋转异常

操作步骤： 选择视屏后点击播放，然后点击全屏

预期结果： 视屏旋转90度后铺满屏幕正常播放。

实际结果： 视屏旋转了180度，UI旋转了90度，整个应用变成了横屏。

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

选择视屏后点击播放，然后点击全屏

预期结果：

视屏旋转90度后铺满屏幕正常播放。

实际结果：

视屏旋转了180度，UI旋转了90度，整个应用变成了横屏。