小程序
小游戏
企业微信
微信支付
扫描小程序码分享
微信7.0.14版本,小程序中的webview,video 安卓端 全屏显示不全,100%必现
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
<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>
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你好,请提供出现问题的具体机型以及能复现问题的代码片段看下(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
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>
//这是webview的
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
<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>
你好,请提供出现问题的具体机型以及能复现问题的代码片段看下(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
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>
//这是webview的