Problems playing back video fullscreen - try Videojs instead of default video player
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 **/
Yay if anyone else has this problem try!!! videojs instead of the default videoplayer setup. It works great!
http://videojs.com/#adding-videojs
You used this to have video as your starting page background?