<template>
<view>
<video :src="src" ref="video"></video>
</view>
</template>
<script>
let videoCTX = null;
export default {
data() {
return {
data: {},
src: ''
};
},
onLoad(params) {
this.data = params;
this.src = decodeURIComponent(this.data.url);
},
mounted() {
videoCTX = this.$refs.video;
},
onHide() {
videoCTX.exitFullScreen();
}
};
</script>
<style lang="scss" scoped></style>
篮孓
- 发布：2024-11-08 16:25
- 更新：2024-11-08 16:25
- 阅读：64
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 11
HBuilderX类型： 正式
HBuilderX版本号： 4.29
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iPhone12
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<template>
<view>
<video :src="src" ref="video"></video>
</view>
</template>
<script>
let videoCTX = null;
export default {
data() {
return {
data: {},
src: ''
};
},
onLoad(params) {
this.data = params;
this.src = decodeURIComponent(this.data.url);
},
mounted() {
videoCTX = this.$refs.video;
},
onHide() {
videoCTX.exitFullScreen();
}
};
</script>
<style lang="scss" scoped></style>
<template>
<view>
<video :src="src" ref="video"></video>
</view>
</template>
<script>
let videoCTX = null;
export default {
data() {
return {
data: {},
src: ''
};
},
onLoad(params) {
this.data = params;
this.src = decodeURIComponent(this.data.url);
},
mounted() {
videoCTX = this.$refs.video;
},
onHide() {
videoCTX.exitFullScreen();
}
};
</script>
<style lang="scss" scoped></style>预期结果：
进入后是竖屏的样式，手机也是竖屏展示的
进入后是竖屏的样式，手机也是竖屏展示的
实际结果：
进入后是竖屏的样式，手机也是横屏展示的
进入后是竖屏的样式，手机也是横屏展示的
bug描述：
nvue中的视频在全屏后进入后台 在onHide退出全屏进入后样式错乱，从后台切换回app后样式变为竖屏的样式 但是app还是横屏展示的
0 个回复