Header ( height: auto ) overlaps the content


i want to add html5 in the header with an height auto ( aspectration 16:9 ). I want to place the player top, fixed. Under the header with the player i have ion-content with some categories ( list ). But when i do this the header overlaps the content area. Some info appears under the player. I also want to make only the scroll area scrollable. Im working with ionic-modal view but actually im having the same result in a ion-view.

How can i fix it?
With has-header/has-subheader doesn`t work.

Thanks in advance!