<web-view src="https://www.hulianzhu.com/" @message="handleMessage"></web-view>
onLoad() {
var me = this;
var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.append(wv);
setTimeout(function() {
wv = currentWebview.children()[0];
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
//同样的部分***
wv.setStyle({
hardwareAccelerated:true, //开启硬件加速
cachemode:'cacheElseNetwork',//优先加载缓存
videoFullscreen:'landscape',//视屏横屏无效
plusrequire:"none"//禁止远程网页使用plus的API
})
//触屏事件
}, 1000); //如果是页面初始化调用时,需要延时一下
},
- 发布:2020-09-07 16:14
- 更新:2020-10-12 21:55
- 阅读:1430
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10
HBuilderX类型: 正式
HBuilderX版本号: 2.8.8.20200820
手机系统: Android
手机系统版本号: Android 10
手机厂商: 小米
手机机型: 小米9
页面类型: vue
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
操作步骤:
<web-view src="https://www.hulianzhu.com/" @message="handleMessage"></web-view>
onLoad() {
var me = this;
var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.append(wv);
setTimeout(function() {
wv = currentWebview.children()[0];
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
//同样的部分***
wv.setStyle({
hardwareAccelerated:true, //开启硬件加速
cachemode:'cacheElseNetwork',//优先加载缓存
videoFullscreen:'landscape',//视屏横屏无效
plusrequire:"none"//禁止远程网页使用plus的API
})
//触屏事件
}, 1000); //如果是页面初始化调用时,需要延时一下
},
<web-view src="https://www.hulianzhu.com/" @message="handleMessage"></web-view>
onLoad() {
var me = this;
var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.append(wv);
setTimeout(function() {
wv = currentWebview.children()[0];
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
//同样的部分***
wv.setStyle({
hardwareAccelerated:true, //开启硬件加速
cachemode:'cacheElseNetwork',//优先加载缓存
videoFullscreen:'landscape',//视屏横屏无效
plusrequire:"none"//禁止远程网页使用plus的API
})
//触屏事件
}, 1000); //如果是页面初始化调用时,需要延时一下
},
预期结果:
<web-view src="https://www.hulianzhu.com/" @message="handleMessage"></web-view>
onLoad() {
var me = this;
var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.append(wv);
setTimeout(function() {
wv = currentWebview.children()[0];
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
//同样的部分***
wv.setStyle({
hardwareAccelerated:true, //开启硬件加速
cachemode:'cacheElseNetwork',//优先加载缓存
videoFullscreen:'landscape',//视屏横屏无效
plusrequire:"none"//禁止远程网页使用plus的API
})
//触屏事件
}, 1000); //如果是页面初始化调用时,需要延时一下
},
<web-view src="https://www.hulianzhu.com/" @message="handleMessage"></web-view>
onLoad() {
var me = this;
var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.append(wv);
setTimeout(function() {
wv = currentWebview.children()[0];
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
//同样的部分***
wv.setStyle({
hardwareAccelerated:true, //开启硬件加速
cachemode:'cacheElseNetwork',//优先加载缓存
videoFullscreen:'landscape',//视屏横屏无效
plusrequire:"none"//禁止远程网页使用plus的API
})
//触屏事件
}, 1000); //如果是页面初始化调用时,需要延时一下
},
实际结果:
<markdown>
<web-view src="https://www.hulianzhu.com/" @message="handleMessage"></web-view>
</markdown>
onLoad() {
var me = this;
var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.append(wv);
setTimeout(function() {
wv = currentWebview.children()[0];
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
//同样的部分***
wv.setStyle({
hardwareAccelerated:true, //开启硬件加速
cachemode:'cacheElseNetwork',//优先加载缓存
videoFullscreen:'landscape',//视屏横屏无效
plusrequire:"none"//禁止远程网页使用plus的API
})
//触屏事件
}, 1000); //如果是页面初始化调用时,需要延时一下
},
<markdown>
<web-view src="https://www.hulianzhu.com/" @message="handleMessage"></web-view>
</markdown>
onLoad() {
var me = this;
var currentWebview = this.$mp.page.$getAppWebview();
currentWebview.append(wv);
setTimeout(function() {
wv = currentWebview.children()[0];
setTimeout(() => {
plus.navigator.closeSplashscreen();
}, 3000);
//同样的部分***
wv.setStyle({
hardwareAccelerated:true, //开启硬件加速
cachemode:'cacheElseNetwork',//优先加载缓存
videoFullscreen:'landscape',//视屏横屏无效
plusrequire:"none"//禁止远程网页使用plus的API
})
//触屏事件
}, 1000); //如果是页面初始化调用时,需要延时一下
},
bug描述:
安卓在webview下videoFullscreen:'landscape',//视屏横屏无效
但是用x5videoFullscreen:'landscape',//视屏横屏却正常
4 个回复
MoonGod - 学android的开始搞H5了
同样出现了该问题,楼主解决了吗?
咖啡加糖 (作者)
没有,此次更新全屏的bug还是没有解决
DCloud_Android_zl
bug已修复,升级到HBuilderX 2.9.0+
咖啡加糖 (作者)
用了最新的版本 个别网页还是会出现这个问题 点全屏不能横屏https://h5.yladm.com/Brawn/infoflow.html?access_key=yl1kw0tsrni5&cp=0&fd=1&ad=1#/