栉风
栉风
  • 发布:2023-07-31 16:13
  • 更新:2023-07-31 17:03
  • 阅读:278

uni-app的webview页中,video进入全屏(横屏)时,偶发性的只显示一半内容

分类:uni-app


全屏正常


全屏异常(只显示一半画面)

2023-07-31 16:13 负责人:无 分享
已邀请:
用户7810

用户7810

偶发就难搞了

喜欢技术的前端

喜欢技术的前端 - QQ---445849201

你好,是用plus.screen.lockOrientation('landscape-primary'); 横屏的吗

<!DOCTYPE html>  
<html lang="zh">  
    <head>  
        <meta charset="UTF-8">  
        <meta name="viewport" content="width=device-width, initial-scale=1.0">  
        <title>Document</title>  
        <style>  
            html,  
            body {  
                padding: 0;  
                margin: 0;  
            }  
            .myVideo {  
                width: 100%;  
            }  
        </style>  
    </head>  
    <body>  
        <video class="myVideo" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" controls  
            poster="https://web-assets.dcloud.net.cn/unidoc/zh/poster.png"></video>  
        <script>  
            window.onload = function() {  
                document.addEventListener('plusready', function() {  
                    //横屏  
                    plus.screen.lockOrientation('landscape-primary');  
                }, false);  
            }  
        </script>  
    </body>  
</html>
  • 栉风 (作者)

    嗯 加了个settimeout延迟 好像可以了

    2023-07-31 19:51

  • 栉风 (作者)

    我h5里进入全屏后通知app 使用plus.screen.lockOrientation('landscape-primary')进入横屏

    2023-07-31 20:05

  • 喜欢技术的前端

    回复 栉风: 好的,解决了就行

    2023-07-31 20:34

要回复问题请先登录注册