Size of Embedded ExternalResource flash YOUTUBE video in a Window

General
1

Hi guys,

I am trying to set full size to Embedded ExternalResource flash YOUTUBE video in a Window. It works perfectly in Chrome, Firefox, IE, but can’t make it working on IPAD Safari. Despite setting sizeFull() to layout and sizeFull() to embeddedVideo, the video still has size 300px * 150px. Any Suggestion what I am doing wrong?

I also tried to use vaadin.Video component, but can’t make YOUTUBE playing in there.

PS: I am using vaadin 7.3.8, java7, valo theme.

CssLayout cssLayout = new CssLayout();
cssLayout.addStyleName("flash-video-layout");
cssLayout.setSizeFull();

Embedded embeddedVideo = new Embedded(null, new ExternalResource(formatUrl(url)));
embeddedVideo.setMimeType("application/x-shockwave-flash");
embeddedVideo.setSizeFull();
cssLayout.addComponent(embeddedVideo);

setContent(cssLayout);