uni-app 视频播放时 暂停预览页显示横屏 是视频编码的问题吗

uni-app 视频播放时 暂停预览页显示横屏 是视频编码的问题吗

开发环境 版本号 项目创建方式
Windows 20H2 HBuilderX

产品分类:
uniapp/App

PC开发环境操作系统:
Windows

HBuilderX类型:
正式

HBuilderX版本号:
3.1.15

手机系统:
Android

手机系统版本号:
Android 9.0

手机厂商:
华为

手机机型:
mata 20

页面类型:
vue

打包方式:
云端

App下载地址或H5网址:
111

示例代码:

<template>  
<view class="content">  
<video class="video"   
preload="auto"   
playsinline   
webkit-playsinline   
width="100%"   
height="auto"   
object-fit="contain"   
src="videoPath"></video>
</view>
</template>  
const t = 60;  
export default {  
    data() {  
        return {  
            videoPath:'https://sgti-headlines.oss-cn-hangzhou.aliyuncs.com/20210524/e76172c8105547519d8cbcd693073328.mp4',  

        }  
    },  
    methods: {  
    }  
}  
.content {
padding: 30rpx;
}
.btn{
    margin-top: 60rpx;
    background-color: #555555;
    color: #FFFFFF;
    text-align: center;
    line-height: 80rpx;
    border-radius: 10rpx;
    margin-top: 30rpx;
}
.desc{
    margin-top: 60rpx;
    word-break: break-all;
}
.video{
    margin-top: 60rpx;
    width: 100%;
}

操作步骤:

  • 点击播放,暂停后观察预览页

预期结果:

  • 点击播放,暂停后预览页正常,竖屏的预览页为竖屏

实际结果:

  • 点击播放,暂停后观察预览页,发现竖屏的视频暂停后为横屏

bug描述:

  • video 播放视频是正常的,一旦暂停之后,视频预览页就会变成横屏

更多关于uni-app 视频播放时 暂停预览页显示横屏 是视频编码的问题吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

我也遇到这个问题了,楼主解决了嘛?

更多关于uni-app 视频播放时 暂停预览页显示横屏 是视频编码的问题吗的实战教程也可以访问 https://www.itying.com/category-93-b0.html


HX 3.1.22 alpha 版本bug已修复

回到顶部