小程序实现pc端全屏视频直播全屏

需求:因为小程序直播,有些是课程直播,由于手机屏幕太小,看不清楚,所以需要在pc端微信上打开小程序,来观看直播。默认情况下,pc端打开小程序都是竖屏的。

但我们看到有些小程序,比如:金山文档、腾讯文档等,打开就是横屏的,这个要怎么设置呢?

其实很简单,只需要在app.json中,新增一个resizeable属性即可

1
2
3
4
5
{
"pages": ...,
"window": ...,
"resizeable": true
}

如果你是用uniapp开发的

则在manifest.json中,增加一个resizeable属性即可

1
2
3
4
5
"mp-weixin": {
"appid" : ...,
"setting" : ...,
"resizable": true,
},

另外,如果想要手机端小程序,跟随手机屏幕横屏而横屏

只要在app.json中,“window”模块下增加pageOrientation属性即可

1
2
3
4
5
{
"window": {
"pageOrientation": "auto"
}
}

另外这个属性还可以设置竖屏”portrait”,以及横屏”landscape”

如果想单独某个页面实现横竖屏,只需要在页面下的json文件中配置就可以了

官方文档


小程序实现pc端全屏视频直播全屏
https://thaneyang.github.io/2021/01/小程序实现pc端全屏视频直播全屏.html
作者
ThaneYang
发布于
2021年1月13日
许可协议