<template>
<view class="content">
<video
id="videoId"
style="width: 100%;"
src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"
:controls="false"
></video>
<button style="margin-top: 20px;" @click="fullScreen()">点击全屏</button>
</view>
</template>
<script>
export default {
data() {
return {
title: 'Hello'
};
},
onLoad() {},
methods: {
fullScreen(index) {
let videoContext = uni.createVideoContext('videoId', this);
videoContext.requestFullScreen();
}
}
};
</script>
<style>
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.logo {
height: 200rpx;
width: 200rpx;
margin-top: 200rpx;
margin-left: auto;
margin-right: auto;
margin-bottom: 50rpx;
}
.text-area {
display: flex;
justify-content: center;
}
.title {
font-size: 36rpx;
color: #8f8f94;
}
</style>
- 发布:2023-01-10 20:27
- 更新:2023-03-06 18:32
- 阅读:990
【报Bug】新版本打包iOS后,video组件全屏状态无法隐藏video组件自带的返回按钮与标题栏,我记得以前没有这个问题的,后来app打包,发了一次新版,就有这个问题了
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 3.6.15
手机系统: iOS
手机系统版本号: iOS 16
手机厂商: 苹果
手机机型: 苹果手机都这样
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
点击全屏按钮
点击全屏按钮
预期结果:
应该原生控件全部隐藏
应该原生控件全部隐藏
实际结果:
现在部分隐藏 ,不是全部
现在部分隐藏 ,不是全部
bug描述:
操作步骤:
隐藏原生video返回控件,增加自定义控件。使用hb最新版本打包iOS,全屏播放后出现两层返回控件
预期结果:
仅展示自定义控件,不展示原生的
实际结果:
全屏状态下原生的和自定义的同时展示了
bug描述:
video新版本衍生出iOS端的video组件bug,原生控件全部隐藏了,安卓是正常的,但iOS上,标题栏和返回键还会显示,隐藏不了。
导致我现在项目是两层标题栏,一层原生里面的,一层view自定义的