YouTube embedded video iframe problem

[moin_ku07]

I'm trying to show youtube video in sencha touch 2. The problem is the video chopping off on rotation changes or scrolling down to the bottom of the page.

This is the initial view in landscape.

fullplayer.jpg

If i go portrait from landscape and then landscape while a part of player is visible/showing, scrolling down only shows half of the player.
halfplayer.jpg

halfplayer1.jpg

Here is the code:

Ext.define('SmartSkins.view.Social',{
    extend:'Ext.Panel',
    xtype:'social',
    config:{
        layout: 'hbox',
        title:'Social Media & Helpful Viral Campaigns',
        scrollable:'vertical',
        items:[{
            flex:1,
            styleHtmlContent: true,
            html:'<div class="homeDiv"><h1>Social Media and Helpful Viral Campaigns</h1><p class="quote">"Be socially active and link to breaking news"<br>- Where were you when?</p><iframe width="90%" height="200" src="http://www.youtube.com/embed/2lzemboVKxA?feature=player_embedded" frameborder="0" allowfullscreen></iframe><p>Social Media<br>Strategies<br>Publishing and Messaging Strategies<br>Construct Blog and Social Media Platform Integration<br>Write and manage compelling blogs<br>Content strategy<br>Face to face communication strategies<br>Listening strategies<br>Helpful viral campaigns<br>Target demographics review and monitor your success<br>Compelling Storytelling<br>Create YouTube channels<br>Video content</p><p class="yplayer"><a class="letsTalk" href="#letstalk"></a></p></div>'
        }]
    }
});

[mitchellsimoens]

You have height set to 200 on your <iframe> don't you?

[moin_ku07]

Yes i've set height 200. I've tried fixed height, weidth also % , nothing worked.

[nix_v2]

something similar is happening to me, the video just fit the full width of the screen but not the height, i used 100% for the width and auto for the height but is not working, did you solved your problem??