收藏
回答

安卓 webview video全屏显示不全?

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug webivew 微信安卓客户端 7..0.14 2.11.0

微信7.0.14版本,小程序中的webview,video 安卓端 全屏显示不全,100%必现

回答关注问题邀请回答
收藏

2 个回答

  • 一面旗帜
    一面旗帜
    2020-05-06
    <web-view src="{{videoUrl}}" ></web-view>
    
    
    
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="App-Config" content="fullscreen=yes,useHistoryState=yes,transition=yes" />
    <meta content=yes name=apple-mobile-web-app-capable />
    <meta content=yes name=apple-touch-fullscreen />
    <meta content="telephone=no,email=no" name=format-detection />
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <title></title>
    <style>
    body {
    margin: 0;
    padding: 0;
    overflow-y: hidden;
    overflow-x: hidden;
    }
    .container{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #000;
    position: fixed;
    vertical-align:bottom;
    left: 0;
    top: 0;
    }
    </style>
    </head>
    <body>
    <div class="container">
    <video width="100%"
    height="250px"
    controls
    controlslist="nodownload"
    x5-video-orientation="portraint"
    id='video'
    src=""
    preload
    x5-video-player-type='h5'
    x-webkit-airplay='allow'
    webkit-playsinline
    x5-video-player-fullscreen='true'
    playsinline webkit-playsinline='true'
    >
    </video>
    </div>
    <script>
    var nowurl = document.URL;
    var videoUrl = decodeURIComponent(nowurl.substring(nowurl.lastIndexOf("?") + 1));
    document.getElementById('video').src = nowurl.substring(nowurl.lastIndexOf("?") + 1);
    </script>
    </body>
    
    

    </html>

    2020-05-06
    有用
    回复
  • 灵芝
    灵芝
    2020-05-06

    你好,请提供出现问题的具体机型以及能复现问题的代码片段看下(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2020-05-06
    有用
    回复 17
    • 一面旗帜
      一面旗帜
      2020-05-06
      2020-05-06
      回复
    • 灵芝
      灵芝
      2020-05-07回复一面旗帜
      能否提供直接可用的链接看下呢
      2020-05-07
      回复
    • 一面旗帜
      一面旗帜
      2020-05-07回复灵芝
      趁早行动--->和潇洒姐塑身100天--->任务列表---->视频全屏(只有小程序内嵌的webview会复现)
      2020-05-07
      回复
    • 一面旗帜
      一面旗帜
      2020-05-07回复灵芝
      微信版本7.0.14复现
      2020-05-07
      回复
    • 灵芝
      灵芝
      2020-05-07回复一面旗帜
      web-view 的链接提供一下并提供小程序appid
      2020-05-07
      回复
    查看更多(12)
登录 后发表内容
问题标签