Der HTML5-YT-Player unterstützt leider keinen Fullscreensupport – und deshalb glauben tatsächlich einige Leute, HTML5 könnte kein Fullscreen. Youtube ist der Nabel der Welt…

Eigentlich hat Youtube nur “vergessen”, das entsprechende Control-Element in die Leiste einzufügen.

Für ein kleinen “Geht doch!"-Beweis: [Diesen Linkcode][1] im Fenster von Youtube ausführen.

javascript:if (document.getElementsByTagName('video').length) {var body=document.getElementsByTagName('body')[0];var btn=document.createElement('button');btn.innerHTML='Exit';var btns=btn.style;btns.position='fixed';btns.right=0;btns.bottom=0;btns.zIndex=10001;btns.backgroundColor='white';btns.fontSize='1.6em';btns.color='black';btn.onclick=function(){location.reload();};var bg=document.createElement('div'); bs=bg.style;bs.top=0;bs.left=0;bs.backgroundColor='black';bs.zIndex=9999;bs.width=window.innerWidth+'px';bs.position='fixed';bs.height=window.innerHeight+'px';body.appendChild(bg);body.appendChild(btn);var v = document.getElementsByTagName('video')[0];var s=v.style; s.zIndex = 10000;s.width = window.innerWidth + "px"; s.height = window.innerHeight + "px";s.position = 'fixed';s.top = 0;s.left = 0;} "Youtube Fullscreen!"
  1. Möglichkeit 1: Den Link einfach in die Linkleiste des Browsers “ziehen”. Beim Betrachten eines HTML5-Videos einfach drauf klicken.
  2. Möglichkeit 2: Den Linkcode in die Zwischenablage kopieren. Beim Betrachten eines HTML5-Videos den Code in die Addresszeile einfügen und ausführen.

Es gäbe noch die Möglichkeit, daraus ein Greasemonkey-Script zu bauen. Wer es unbedingt braucht’s, darf es gerne selber bauen.

Code im Safari4 entwickelt, aber sollte überall funktionieren. Nichts weltbewegendes…

Update: Natürlich geht es dabei nur um ein Vollbild im Browser selbst. Denn selbst dieses Feature unterstützt der HTML5-YT-Player nicht. Ein kompletter, systemweiter Vollbildmodus [muss über den Browser gemacht][2] werden. Firefox 3.6 hat einen entsprechenden Menüpunkt im Kontextmenü, der aktuelle [WebKit als API][3].

Update2: Tatsache ist, in der WebKit-Nightly hat Youtube auch einen Fullscreen-Button…

[1]: javascript:if (document.getElementsByTagName(‘video’).length) {var body=document.getElementsByTagName(‘body’)[0];var btn=document.createElement(‘button’);btn.innerHTML=‘Exit’;var btns=btn.style;btns.position=‘fixed’;btns.right=0;btns.bottom=0;btns.zIndex=10001;btns.backgroundColor=‘white’;btns.fontSize=‘1.6em’;btns.color=‘black’;btn.onclick=function(){location.reload();};var bg=document.createElement(‘div’); bs=bg.style;bs.top=0;bs.left=0;bs.backgroundColor=‘black’;bs.zIndex=9999;bs.width=window.innerWidth+‘px’;bs.position=‘fixed’;bs.height=window.innerHeight+‘px’;body.appendChild(bg);body.appendChild(btn);var v = document.getElementsByTagName(‘video’)[0];var s=v.style; s.zIndex = 10000;s.width = window.innerWidth + “px”; s.height = window.innerHeight + “px”;s.position = ‘fixed’;s.top = 0;s.left = 0;} “Youtube Fullscreen!” [2]: http://www.w3.org/TR/html5/video.html#video [3]: http://gitorious.org/webkit/webkit/commit/31ef81f6d0b8d19cd3ea35853b5e95c323c71deb