小程序
小游戏
企业微信
微信支付
扫描小程序码分享
如图,小程序中web-view组件中加载的h5页面视频全屏以后,小程序的导航栏还在,这样子看起来怪怪的,有啥办法解决吗?
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,提供下机型,微信版本号和复现链接
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
<view class="container">
<web-view src="https://course.dajishizhijia.com/wxapp/wxtest" bindload="load"></web-view>
</view>
你好我的页面如上,我构造了一个测试连接,你可以使用他来测试
https://course.dajishizhijia.com/wxapp/wxtest
然后随便点击课程里的视频,全屏时就看到我的截图了。
楼主怎么解决的,我这边也是有同样问题,需要隐藏web-view导航栏 ,我想着解决不了的话只能是全局app.config里window:{navigationStyle:"cutom"}可以解决这个问题,但是缺点是不能单个页面
非常感谢您耐心的回复。不过我这里试过了很多手机都不行。
你看我录制的视频
我的代码
<!--index.wxml--> <view class="container"> <web-view src="https://course.dajishizhijia.com/wxapp/wxtest" bindload="load"></web-view> </view>
{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" }, "style": "v2", "sitemapLocation": "sitemap.json" }
//index.js //获取应用实例 const app = getApp() Page({ data: {}, onLoad: function() { }, load: function(e) { console.log(e.detail.src) } })
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,提供下机型,微信版本号和复现链接
手机 iphone 8s;
微信版本7.0.20 ;
h5页面是嵌入云学堂的课程,url:
http://djs.yunxuetang.cn/kng/course/package/video/5bdfa90890244672a0ec0ca1f39c55ed_a0b2cda6bfaa402ea6761bdb8ce0bc78.html?st=&objectId=&orggroup=&m=1&uniqueid=637444900013232250
<view class="container">
<web-view src="https://course.dajishizhijia.com/wxapp/wxtest" bindload="load"></web-view>
</view>
你好我的页面如上,我构造了一个测试连接,你可以使用他来测试
https://course.dajishizhijia.com/wxapp/wxtest
然后随便点击课程里的视频,全屏时就看到我的截图了。
楼主怎么解决的,我这边也是有同样问题,需要隐藏web-view导航栏 ,我想着解决不了的话只能是全局app.config里window:{navigationStyle:"cutom"}可以解决这个问题,但是缺点是不能单个页面
非常感谢您耐心的回复。不过我这里试过了很多手机都不行。
你看我录制的视频
我的代码
<!--index.wxml--> <view class="container"> <web-view src="https://course.dajishizhijia.com/wxapp/wxtest" bindload="load"></web-view> </view>
{ "pages":[ "pages/index/index", "pages/logs/logs" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "Weixin", "navigationBarTextStyle":"black" }, "style": "v2", "sitemapLocation": "sitemap.json" }
//index.js //获取应用实例 const app = getApp() Page({ data: {}, onLoad: function() { }, load: function(e) { console.log(e.detail.src) } })