我构建了一个渐进式Web应用程序(PWA),它在其清单文件中指定了"orientation": "portrait"
。
这确保了无论手机是如何握持的,应用程序都会以纵向模式显示(至少在Chrome中是这样)。
对于我的应用程序来说,这几乎适用于所有情况,但有些情况下会显示嵌入式YouTube视频(iframe embedding API)。当将视频置于全屏模式时,视频会以纵向模式显示,这并不有用。
我可以通过JavaScript更改所需的屏幕方向吗?或者至少“解锁”屏幕方向,以便清单设置被“临时”禁用?
1条答案
按热度按时间ego6inou1#
我们最终做的是从manifest.json中完全删除“orientation”属性。这将允许全屏视频旋转。我猜如果你真的想在应用的其余部分只保留“portrait”方向,你可以使用
screen.orientation
API用JS锁定它:https://caniuse.com/#feat=screen-orientation(支持率为81.82%):请注意,这仍然是一个工作草案,而不是一个活的规格。一些更多的docs and info from Mozilla。希望有帮助。