Cordova Sencha上的Youtube视频在ios中将方向固定为纵向时,会显式更改应用程序的布局
Phonegap和Sencha touch 2.3.0 我正在iframe中播放youtube视频,应用程序的方向是通过phonegap固定的。虽然视频在全屏模式下也可以以横向模式播放。但在以横向模式播放视频后,应用程序看起来很奇怪,你可以看到底部有一个空白的白色屏幕,应用程序现在可以水平滚动Cordova Sencha上的Youtube视频在ios中将方向固定为纵向时,会显式更改应用程序的布局,cordova,youtube,sencha-touch,sencha-touch-2,cordova-3,Cordova,Youtube,Sencha Touch,Sencha Touch 2,Cordova 3,Phonegap和Sencha touch 2.3.0 我正在iframe中播放youtube视频,应用程序的方向是通过phonegap固定的。虽然视频在全屏模式下也可以以横向模式播放。但在以横向模式播放视频后,应用程序看起来很奇怪,你可以看到底部有一个空白的白色屏幕,应用程序现在可以水平滚动 这里您可以看到问题:我也遇到了同样的问题。我不知道是什么导致了这个问题,但作为一种解决方法,我在方向更改时强制设置视口的高度和宽度,如下所示:- 在控件中捕捉方向更改事件: viewport: {
这里您可以看到问题:我也遇到了同样的问题。我不知道是什么导致了这个问题,但作为一种解决方法,我在方向更改时强制设置视口的高度和宽度,如下所示:- 在控件中捕捉方向更改事件:
viewport: {
//capture the orientation change event
orientationchange: 'onOrientationchange'
}
设置视口宽度和高度:
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);
}