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已修复

