Restore full-screen playback in YouTube’s HTML5 player
Coinciding closely with Apple’s release of Safari 5, touting full-screen playback of HTML5 video, YouTube have disabled their use of the WebKit-API that makes this possible: webkitEnterFullScreen(). They now believe that the browser itself should provide a full-screen button. I do not. But that leaves me with full-browser-window YouTube, or Flash.
Luckily Safari as of version 5 supports extensions! So I made one that turns the Full Screen button on YouTube back into a real Full Screen button. This extension only works on the HTML 5 player (flash does full-screen on its own) and there is one known issue: to prevent stretching 4:3 videos to 16:9 screens, it has to explicitly set the size of the video element. But this size then sticks and I don’t think exiting full-screen is detectable, so after using full-screen the button next to it, changing the player size from smaller to larger and vice versa, is broken. If I ever find out how to fix that, I’ll update the extension.
Meanwhile; download it here: FullScreenYouTube
Edit: It appears that MacOS X 10.6 or higher is needed to support full-screen on the Mac.
Second edit: I’ve just uploaded a new version that fixes a few issues, chief among which that YouTube broke it entirely.
Third edit: YouTube changed all the class names in the player. I’ve updated the extension accordingly.
[…] CyBeRHQ.nl » Restore full-screen playback in YouTube’s HTML5 player cyberhq.nl/2010/06/08/restore-full-screen-playback-in-youtubes-html5-player.html – view page – cached Coinciding closely with Apple’s release of Safari 5, touting full-screen playback of HTML5 video, YouTube have disabled their use of the WebKit-API that makes this possible: webkitEnterFullScreen(). They now believe that the browser itself should provide a full-screen button. I do not. But that leaves me with full-browser-window YouTube, or Flash. Tweets about this link Topsy.Data.Twitter.User[’mrjohnsly’] = {”photo”:”http://s.twimg.com/a/1274899949/images/default_profile_0_normal.png”,”url”:”http://twitter.com/mrjohnsly”,”nick”:”mrjohnsly”}; mrjohnsly: “http://is.gd/cHCDi Fullscreen HTML5 video on Youtube with an extension because Google are pussies! ” 2 minutes ago retweet Topsy.Data.Twitter.User[’frankmuller90′] = {”photo”:”http://a3.twimg.com/profile_images/444542381/664440044_5_eobg_normal.jpeg”,”url”:”http://twitter.com/frankmuller90″,”nick”:”frankmuller90″}; frankmuller90: “http://www.cyberhq.nl/2010/06/08/restore-full-screen-playback-in-youtubes-html5-player.html — Is wel handig voor safari users i presume? ” 34 minutes ago retweet Filter tweets […]
nkomki
[…] FullScreenYouTube – Fügt einen Vollbild-Button zu HTML5-YouTube-Videos hinzu. […]
NIce one. Thank you
Works perfectly! Thank you!
This is perfect, thank you very much!
Hello CyBeRHQ!
Thank you very much!
Fantabulousness! Thank you CyBeRHQ.nl and thank you Apple for finally enabling extensions.
[…] versión de Safari. Ya hay varias muy intereseantes pero una de las que más me gusta es la de Fullscreen-YouTube que permite hacer lo que se rumoreaba pero al final no ha llegado, poner a pantalla completa un […]
[…] This extension is a great way to enable full screen support of YouTube videos if you are using YouTube’s HTML5 player instead of their Flash player. […]
[…] This extension is a great way to enable full screen support of YouTube videos if you are using YouTube’s HTML5 player instead of their Flash player. […]
[…] Full Screen HTML5 Youtube Allows real fullscreen with Youtube’s HTML5 beta […]
[…] This extension is a great way to enable full screen support of YouTube videos if you are using YouTube’s HTML5 player instead of their Flash player. […]
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
Great extension. Any chance of a keyboard shortcut to go into fullscreen mode?
Interesting idea. I’ll have a look, but I don’t think it’s possible. The full-screen method can ONLY be called from a click handler. Well, you can call it any time of course but if it’s not the result of a click by the user it just doesn’t do anything.
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
Doesn’t work for me. It works when I click on the four corner symbol of flash videos, but when I do the same on the html5 videos nothing happens. (leopard).
[…] This extension is a great way to enable full screen support of YouTube videos if you are using YouTube’s HTML5 player instead of their Flash player. […]
[…] This extension is a great way to enable full screen support of YouTube videos if you are using YouTube’s HTML5 player instead of their Flash player. […]
Paf:
If you go here: http://jilion.com/sublime/video and play the video, and then command-click the full-screen icon in the lower right corner, does that go full-screen? If not, then it’s probably not supported on Leopard.
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
[…] Bypass googles weird method of HTML5 fullscreen in the original HTML5 player with FullScreen YouTube http://www.cyberhq.nl/2010/06/08/restore-full-screen-playback-in-youtubes-html5-player.html […]
[…] CyBeRHQ.nl » Restore full-screen playback іn YouTube’s HTML5 player […]
Marco: I have the same problem as paf. The fullscreen button in HTML5 YouTube does nothing for me with this extension installed. I tried the link you sent. Command-clicking the fullscreen button makes the video fill the browser window, but doesn’t make it completely fullscreen. I’m on 10.5.8 (PPC).
Amazing!!!!! Thanks!
on leopard/G5 it does not work. i get
“INVALID_STATE_ERR: DOM Exception 11: An attempt was made to use an object that is not, or is no longer, usable.” in “fullscreenize.js” at line 24.
seems to be a webkit bug.
also: pls fix line 5 of button.css, where it says “x” instead of “px” :-)
Airwave: Ok. That means that safari doesn’t support real full-screen on Leopard, so I can’t make that work.
Luc: Thanks!
Marco: Thanks for investigating the issue. I’ll enjoy using this plugin when my Mac Pro gets back from repair.
[…] CyBeRHQ.nl » Restore full-screen playback in YouTube’s HTML5 player […]
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
[…] CyBeRHQ.nl » Restore full-screen playback in YouTube’s HTML5 player […]
[…] This extension is a great way to enable full-screen support of YouTube videos if you’re using YouTube’s HTML5 player instead of its Flash player. […]
[…] Pantalla completa de vídeos YouTube si estàs utilitzant el reproductor de YouTube HTML5 en comptes del seu reproductor de Flash.[Youtube Full Screen] […]
[…] FullScreenYouTube | YouTube5 […]
[…] FullScreenYouTube | YouTube5 […]
Hi Marco. Awesome plugin. Any chance of overriding the default dim of the display in fullscreen? It sucks to constantly have to move the mouse around.
Wow… works perfecly on my macbook with snow leopard and safari 5. Excellent plugin, exacly what i’ve looking for.
Thanks!!!!
Hi,
Your brilliant extension stopped working as of, well, today, I think. YouTube’s doing something to its HTML5 player.
Indeed it has. I have fixed the extension and the resize-problem in the new version. Safari should be able to auto-update it.
Sweet. Thank you so very much for this little life-saver.
Thanks for the 1.1 update.. love this extensions.. great work.. wanted to show my appreciation
dispenses utilize a great ınternet site decent Gives thanks for the effort to help out people
I regret to say it, but looks like your phenomenal brainchild needs another update. Whatever YouTube’s doing there is causing the player controls to go haywire with v1.1 enabled.
Ugh, they changed all the class names. I’ve fixed it. Auto-update should pick it up.
Thanks! That did the trick nicely.
Could you add an AutoHD option for the player?
Try emesh