Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

make fullscreen work in html5 inside iframe

If you view the source of this page you will see that the player is inside an iframe in html5 and the fullscreen works. Can you copy it or make it work:

http://leanbackplayer.com/example_iframe.html

7 Community Answers

Up Down

JeroenW

JW Player Support Agent  
0 rated :

We are working on HTML5 fullscreen support in Firefox, Safari and Chrome.

However, do note you’ll have to set the “webkitallowfullscreen” and “mozallowfullscreen” attributes to the iframe to enable its contents to go fullscreen. This demo includes that data as well.

Up Down

JW Player

User  
0 rated :

yes i know that. Maybe you can add a check:

if browser==ie and mode==html5 and is_player_inside_iframe==1(this is defined by the developer when he knows that this player will be inside an iframe) (or any unsupported browser)then
open a popup with width:screen_width and height:screen_height and start=current_time ;
pause or stop current video;

I believe this is how youtube does it.

Up Down

JW Player

User  
0 rated :

I hacked a bit the jwplayer js code to make true fullscreen work when supported (lastests FF, Chrome and Safari). I used the Native Fullscreen JavaScript API from John Dyer (http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/) and just add around 10 lines of code at different places.

I can provide you the patch against the 5.9 version.
The site I'm working on will be live in the next days, so I cannot share the link today but I will as soon as the site is delivered.

Fabien

Up Down

JeroenW

JW Player Support Agent  
0 rated :

Great! Having a patch will be nice. We can then put it in a 5.10.

Note we do have native FS working in our development of JW6. Pablo just wrote a blog post on it:

http://www.longtailvideo.com/blog/26517/

Up Down

JW Player

User  
0 rated :

Yes, I saw Pablo's post, but it doesn't explain how to use the jwplayer fullscreen button to use the native HTML5 fullscreen mode.

Here is the patch (done with git) to apply against the 5.9 version : http://pastebin.com/aMuHXedH

I would appreciate a lot if you can include it in your 5.10 version.

Up Down

JW Player

User  
0 rated :

What's the status of this? We are using 5.10.

Up Down

JeroenW

JW Player Support Agent  
0 rated :

Native fullscreen is available in JW6 for Chrome, Firefox and Safari.

We are not going to add it to the JW5 player, but Fabien’s patch could be useful there.

This question has received the maximum number of answers.