小程序打开H5视频，横屏转竖屏失败

最新推荐文章于 2023-12-29 16:11:20 发布
最新推荐文章于 2023-12-29 16:11:20 发布
阅读量401 收藏 1
点赞数
分类专栏： 笔记 文章标签： 微信小程序 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/samll_redhat/article/details/119390182
版权

小程序打开H5视频后，iOS横屏之后，再转成竖屏时，发现页面转不回来了，页面宽度还是横屏的宽度，但是在浏览器打开H5转换却是没有问题的

解决办法：

小程序中在webview所在页的json文件中设置如下代码：

 

 

small_redhat
关注
专栏目录
uniapp的移动端h5的横屏电子签名
06-01
自定义一个h5页面，实现可以横屏手写电子签名的功能，且支持回显（图片可以转化为签字版的canvas，且支持在此基础上继续进行手写签名）由于uniapp微信小程序支持横竖屏切换配置，但是移动端h5不支持。自定义一个h5...
小程序 H5页面video的适配问题
weixin_43850726的博客
07-06 1009
小程序 H5页面video的适配问题​ 事件背景：事情是这样的，我们和另一公司一起为甲方爸爸做个小程序，我们提供H5页面，另一方提供小程序，项目已经交付，但是后来呢，顾客反馈，H5页面的视频无法播放；额，bug来了 排查问题： 1.微信直接打开h5网页链接，电脑打开h5网页链接，没有异常； 2.将h5嵌套到我们自己的小程序中，通过微信开发者工具打开，没有异常； 3.将小程序上传体验版，测试手机打开，呜呜，ios没有问题，android不显示； 终于定位：1小程序与微信版本更新导致的，系统问题..
uniapp项目H5端横屏问题-样式错乱+字体大小+video
Penk的博客
06-14 7698
uniapp项目H5端，如果手机打开了自由旋转，横屏问题就会出来，样式错乱、字体大小、以及使用遮罩层级没有video 高的问题。
微信小程序屏幕旋转
qq_37196621的博客
10-30 1899
屏幕旋转设置，支持auto/portrait/landscape auto自适应 landscape 固定横屏 portrait 固定竖屏 手机设置，在app.json的window段中设置 { "pageOrientation": "auto" } ipad，pc上面设置支持旋转，在app.json中添加"resizable": true。 { "resizable": true } resizable，布尔值，PC 小程序是否支持用户任意改变窗口大...
h5 视频全屏-横屏实现，遇到问题以及解决方案
ringlot的博客
10-14 6406
最近需要实现h5 视频全屏也就是横屏，横屏后需要将相关视频展现在侧边栏。考虑到h5是不能让手机强制横屏的，只能考虑用css 样式上横屏显示video
uniapp横竖屏切换（小程序端与APP或H5端）
weixin_53339757的博客
01-05 8179
uniapp小程序横竖屏切换
微信小程序屏幕页面横向
最新发布
qq_29517595的博客
12-29 2064
微信小程序屏幕页面横向
uniapp中设置横屏竖屏
07-06
通常，竖屏是手机默认的显示方式，而横屏则在观看视频或游戏时更为合适。 2. 系统自动旋转：大多数设备允许用户自由旋转屏幕，根据设备的物理位置自动切换横竖屏。 3. 程序锁定：开发者可以通过代码控制应用仅支持...
h5横屏切换项目小程序
09-07
【标题】"h5横屏切换项目小程序"是一个专门针对MBA推广营销设计的H5应用，它具有独特的横屏切换功能，旨在提供一个引人入胜的用户体验。H5技术，全称HTML5，是超文本标记语言的最新版本，它在网页交互性和多媒体支持...
手机页面强制横屏显示 html5 h5页面 强制横屏 可更改竖屏
02-08
在移动设备上，有时我们可能需要特定的网页或者H5页面在用户打开时强制横屏显示，以便提供更好的用户体验或适应特殊的内容展示。这通常涉及到HTML5和CSS3的一些技术来实现。以下是一些关于如何实现手机页面强制横屏...
H5真实3D赛车只支持横屏.zip
06-22
标题中的“H5真实3D赛车只支持横屏”表明这是一个基于HTML5技术开发的3D赛车游戏，专为横向（横屏）显示优化。HTML5是现代网页开发的基石，它提供了许多新功能和API，使得在浏览器中创建复杂的交互式应用和游戏成为...
android微信小程序支持横屏,微信小程序关于横屏存在的一些问题
weixin_35938424的博客
05-27 1848
微信小程序关于横屏存在的一些问题最近新的项目中涉及到小程序通过webview跳转h5时切换横竖屏的需求，在项目正式开工的时候我提前进行了踩坑，关于小程序在前不久添加的横屏属性，只需要在app.json或者单个页面的json文件中添加“pageOrientation”属性，就可以实现横竖屏的切换，如下面的示例代码{"usingComponents": {},"pageOrientation": "l...
微信小程序web-view带参数跳转H5页面播放视频流（记录）
一只小菜鸟的博客
12-02 3701
（虽然最终这个功能由于各种原因无法上线，但也算是个很大收获吧，记录下来~） 最近有个需求，是要在小程序上实时播放监控视频，本来用的官方video组件，代码如下： <view class="video"> <video id="myVideo" src="{{url}}" title="{{title}}" autoplay controls show-fullscreen-b...
微信小程序 video 横屏全屏播放完成 改变 小程序 方向
xjh的博客
04-15 4185
列表页面是竖屏，点击列表跳转的视频播放页面，播放完成时回退的列表页，发现小程序的方向变成了横屏，再次进入小程序又变成了竖屏。 此问题只在安卓手机上发现，iOS为发现 解决方法 在 onShow 方法中使用 wx.setPageOrientation({ orientation: 'portrait' }); 给当前页面在设置一次屏幕方向，发现还有一部分手机有问题。 增加了100毫秒的延时就可以了 orientation 可以取值以下 portrait 竖向 landscape 横向 auto
小程序开发之横竖屏转换
12-22 7901
本文原创首发于我的个人博客 一个贾程序员，文章原地址 点此 查看 在小程序的开发中，有时候需要横屏显示一些页面，不过微信官方并没有提供横屏功能，但提供了手机屏幕旋转的支持，所以可以利用这个来引导用户通过屏幕旋转看到更好的界面效果。 如果想要某个页面支持屏幕旋转，需要在此页面的 json文件中配置 "pageOrientation": "auto"，然后如果手机屏幕旋转，页面会自动进行旋转。我们...
微信小程序自定义播放器实现左右箭头切换视频，根据手机横屏竖屏自动全屏和退出全屏
09-30 2045
自己写的播放器，记录一下 player.wxml <view class="player-container"> <video id="myVideo" bindtap="triggerControls" class="my-video" direction show-progress="{{true}}" show-fullscreen-btn="{{true}}" ...
微信小程序设置横竖屏
阳仔博客
03-07 2万+
情况：使用LayaBox发布的微信小游戏，我在微信开发者工具上面编译，发现我明明想要的是横屏的但是结果显示竖屏，我查看菜单栏，配置，最后找到设置的方法。解决：在game.json中有一项属性设置："deviceOrientation":"portrait",当前设置竖屏，将其设置为："deviceOrientation":"landscape"，为横屏。...
微信小程序视屏(video)直接横屏（全屏）播放
热门推荐
yiyueqinghui的博客
01-08 2万+
html &amp;amp;lt;view&amp;amp;gt; &amp;amp;lt;video id=&amp;quot;myVideo&amp;quot; src=&amp;quot;视屏地址&amp;quot; enable-danmu danmu-btn controls&amp;amp;gt;&amp;amp;lt;/video&amp;amp;gt; &amp;amp;lt;/view&
小程序webview不全屏_小程序不在小（深度）
weixin_39716160的博客
11-06 773
原标题：小程序不在小(深度)你问：“微信小程序适合哪些行业?”，回答是：“所有行业!”你可以想一下那些做过APP的公司，不管是任何行业的公司都可以拥有属于自己的APP，而从来不会有人问他们你们用的APP是否适合你们的公司，因为不管是什么行业的公司，肯定会根据他们自己的需求来设计和制作APP，所以肯定是适合他们的。同样作为一个新型应用的小程序，这个问题也是没有必要担心的!因为不管你是什么行业，你都可...
小程序实现骨架屏的策略与技术探讨
实现小程序骨架屏需要对小程序的架构和渲染机制有深入理解，同时要兼顾性能优化和用户体验。通过预渲染和动态节点获取，可以有效地创建出与真实页面布局一致的骨架屏，从而提升用户在等待数据加载过程中的满意度。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值