ffranke / Laker-Compendium

Laker is a compendium of files, frameworks, styles and tips for designing digital publications in HTML5.
http://www.lakercompendium.com
304 stars 40 forks source link

Problems playing back video fullscreen - try Videojs instead of default video player #47

Open k8fisher opened 13 years ago

k8fisher commented 13 years ago

Hi just wondering if anyone else has had problems getting video to expand automativally to full screen? In both landscape and portrait (without the nasty black border ? E.g. It launches looking exactly as if the user had pressed the fullscreen button.

Atm Ive tried putting each setting I can do in css and html, looks as follows:

Does anyone have any thoughts / hadf the same before?

Any ideas very much welcome as Im at a loss and have tried every property I can think of.

Kate

CSS --------------- /\ default layout **/ .winePlayer { padding:0px;} .dossier-start-bg{ padding:0px; width:768px; min-width:768px; }

/\ ipad portrait **/ .dossier-start-bg{ padding:0px; width:768px; min-width:768px; }

/\ ipad landscape **/ .dossier-start-bg{ padding:0px; width:1024px; min-width:1024px;

}

IN PAGE /\ HEAD**/ document.getElementByTagName('video')[0].webkitEnterFullscreen();

/\ BODY OF PAGE **/

k8fisher commented 13 years ago

Yay if anyone else has this problem try!!! videojs instead of the default videoplayer setup. It works great!

http://videojs.com/#adding-videojs

mtamony commented 11 years ago

You used this to have video as your starting page background?