咖啡加糖
咖啡加糖
  • 发布:2020-09-07 16:14
  • 更新:2020-10-12 21:55
  • 阅读:1514

【报Bug】安卓在webview下videoFullscreen:'landscape',//视屏横屏无效

分类:uni-app

产品分类: 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); //如果是页面初始化调用时,需要延时一下    
    },

实际结果:

<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',//视屏横屏却正常

2020-09-07 16:14 负责人:DCloud_Android_zl 分享
已邀请:
MoonGod

MoonGod - 学android的开始搞H5了

同样出现了该问题,楼主解决了吗?

咖啡加糖

咖啡加糖 (作者)

没有,此次更新全屏的bug还是没有解决

DCloud_Android_zl

DCloud_Android_zl

bug已修复,升级到HBuilderX 2.9.0+

咖啡加糖

咖啡加糖 (作者)

用了最新的版本 个别网页还是会出现这个问题 点全屏不能横屏https://h5.yladm.com/Brawn/infoflow.html?access_key=yl1kw0tsrni5&cp=0&fd=1&ad=1#/

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容