views:

13918

answers:

19

Is there a way to play a video fullscreen using the html5 video tag.

And if this is not possible does anybody know if there is a reason for this decision.

+1  A: 

You can change the width and height to be 100%, but it won't cover the browser chrome or the OS shell.

Design decision is because HTML lives inside the browser window. Flash plugins aren't inside the window, so they can go full screen.

This makes sense, otherwise you could make img tags that covered the shell, or make h1 tags so the whole screen was a letter.

Rich Bradshaw
+25  A: 

From the HTML5 spec (at present):

User agents should not provide a public API to cause videos to be shown full-screen. A script, combined with a carefully crafted video file, could trick the user into thinking a system-modal dialog had been shown, and prompt the user for a password. There is also the danger of "mere" annoyance, with pages launching full-screen videos when links are clicked or pages navigated. Instead, user-agent specific interface features may be provided to easily allow the user to obtain a full-screen playback mode.

Browsers may provide a user interface, but shouldn't provide a programmable one.

David Dorward
And here is the link to keep track of Google Chromes progress on the video tag:http://www.chromium.org/developers/web-platform-status#TOC-video-and-audio-
drozzy
I am so glad this is the spec, can you imagine full screen video takeover ads!
Joseph Silvashy
This is a good reason to keep it out of the spec, however, I have a legitimate reason to put it in. I'm making a presentation with HTML5, and I want some slides to simply be full screen videos. They should make some method, and have some way to allow it for files that are local, or some such.
Apreche
Fullscreen aside, I really hope the browsers will provide video resize and pop-out... generally I'd like a 720p video in its native size and not a thumbnaily thingie on the page - nor a fullscreen monstrosity ^^ Some youtube-players have this popout control with a resizeable video window but only some... I guess it's still buggy...
Oskar Duveborn
This should be a question to user and that's it. As it is already with location discovery, for example.
Andrey Shchekin
+4  A: 

I think that if we want to have a open way to view videos in our browsers without any closed source plugins (and all the security breaches that comes with the history of the flash plugin...). The tag has to find a way to activate full screen.. We could handle it like flash does: to do fullscreen, it has to be activated by a left click with your mouse and nothing else, I mean it's not possible by ActionScript to launch fullscreen at the loading of a flash by example.

I hope I've been clear enough: After all, I'm only a french IT student, not an english poet :)

See Ya!

A: 

what if you could maximize a video inside the browser then use the browsers fullscreen option to hide the buttons and the title bar of the browser?

Franc Gorenc
+2  A: 

An alternative solution would be to have to browser simply provide this option on the contextual menu. No need to have Javascript to do this, though I could see when it would be useful.

In the mean time an alternative solution would simply be to maximise the window (Javascript can provide screen dimensions) and then maximise the video within it. Give it a go and then simply see if the results are acceptable to your users.

Andre
+2  A: 

No, it is not possible to have fullscreen video in html 5. If you want to know reasons, you're lucky because the argument battle for fullscreen is fought right now. See WHATWG mailing list and look for the word "video". I personally hope that they provide fullscreen API in HTML 5.

calavera.info
Big +1 for the link to that mailing list.
mwilcox
A: 

yes it is possable youtube has dont it..

they have not got any extras

nospam
this post makes no sense
ScottSEA
A: 

Youtube by default runs via flash with a pc or mac computer, unless specified otherwise. Devices like iphone implement browser handled fullscreen. But yeah I like the idea of a javascript popup, detecting your resolution and creating only a slightly noticeable frame for fullscreen, allowing to user to discern between that and their os. Overall IE doesn't support HTML5 by default, as with firefox 2 which many people are still using. PowerPC systems do not support firefox3 if i remember. Sucks if you got 5k G5 3 years ago.

adam
+2  A: 

Firefox 3.6 has a full screen option for HTML5 video's, right-click on the video and select 'full screen'.

The latest Webkit nightlies also support full screen HTML5 video, try the Sublime player with the latest nightly and hold Cmd / Ctrl while selecting the full screen option.

I guess Chrome / Opera will also support something like this. Hopefully IE9 will also support full screen HTML5 video.

Husky
A: 

HTML 5 video does go fullscreen in the latest nightly build of Safari, though I'm not sure how it is technically accomplished.

st3v3
Why the negative vote? Safari 5 has fullscreen in its native controls. (No API though! grrrr)
mwilcox
+1  A: 

This is supported in WebKit via webkitEnterFullscreen.

zach at longtail
A: 

There you find the solution: www.html5-fullscreen-video.com

Alexander-Derek Rein
A: 

Yes. Well what happens with HTML5 video is that you just put the <video> tag and the browser will give it's own UI, and thus the ability for full screen viewing. It really makes life much better on us users to not have to see the "art" some developer playing with Flash could make :) It also adds consistency to the platform, which is nice.

SeniorShizzle
A: 

it's simple, all the problems can be solved like this,

1) have escape always take you out of fullscreen mode (this doesn't apply to manually entering fullscreen through f11)

2) temporarily display a small banner saying fullscreen video mode is entered (by the browser)

3) block fullscreen action by default, just like has been done for pop-ups and local database in html5 and location api and etc, etc.

i don't see any problems with this design. anyone think i missed anything?

AMK
A: 

Youtube's html5 player breaks Safari's ability to use true fullscreen, but look for youtube5 safari extension and that will solve the fullscreen issue while taking away youtube-specific video features.

http://www.verticalforest.com/2010/06/09/youtube5-html5-converter-for-youtube-videos/

^Or go straight to the developer's site and download it.

Also, video for everybody allows true fullscreen since it also uses Safari's html5 player (if you're running it through Safari).

Alex Goven
A: 

Whether or not the spec for HTML5 video has full-screen availability; they're going to shoot themselves in the foot if they don't provide some vehicle to make it happen. Even if it's copying the same concept Adobe did for FLV/Flash; that it has to be a user-action, the actual clicking to make it happen.

Netflix, Hulu, and all these TV/movie sites - nobody wants to watch it in a little box. If HTML5 video is the future, they need to provide a vehicle to say "this video is going full screen" (and NOT just "full height of browser").

Jason
A: 

Can anyone tell me what this site is using?

www.bttls.com

The page is in HTML but I'm not sure that it is Flash.

Any ideas?

Jimbo

Jim Payne
off topic - this is not an answer, and should be it's own question.
ScottSEA
+1  A: 

Safari supports it through webkitEnterFullscreen.

Chrome should support it since it's webkit also, but errors out.

Chris Blizzard of Firefox said they're coming out with their own version of fullscreen which will allow any element to go to fullscreen. e.g. Canvas

Philip Jagenstedt of Opera says they'll support it in a later release.

Yes, the HTML5 video spec says not to support fullscreen, but since users want it, and every browser is going to support it, the spec will change.