cordova - Sencha 上的 Youtube 视频在 ios 中将方向固定为纵向时显式更改了应用程序的布局

Question

Phonegap 和 Sencha touch 2.3.0

我正在 iframe 中播放 youtube 视频，并且应用程序的方向通过 phonegap 固定为纵向。虽然视频在全屏时也可以以横向模式播放。但是在以横向模式播放视频后，应用看起来很奇怪，您可以在底部看到一个空白屏幕，并且该应用现在可以水平滚动。

在这里你可以看到问题:https://www.youtube.com/watch?v=JkYei-oIzlQ&list=UUzxX9Q9O-a-uNQSIbcjuCpQ

Answer 1

我也遇到过同样的问题。我不知道是什么导致了这个问题，但作为一种解决方法，我在方向改变时强行设置视口(viewport)的高度和宽度，如下所示: -

在控件中捕获方向更改事件:

viewport: {
   //capture the orientation change event
   orientationchange: 'onOrientationchange'
 }

设置视口(viewport)宽度和高度:

onOrientationchange: function(viewport, orientation) {
           setTimeout(function() {
                Ext.Viewport.setHeight(window.innerHeight); // -20 for the statusbar overlapping problem in ios 7
                Ext.Viewport.setWidth(window.innerWidth);
        }, 250);
}