requestFullScreen() does not work

[jduncanator]

In Chrome 23.0.1271.97 no matter what I try, calling requestFullScreen() does not work! The fullscreen button on the controls works as expected and opens the video in fullscreen however calling requestFullScreen() does nothing. Calling it does set the isFullscreen to true but does nothing.

[erixtekila]

After some tests, the production version of the source doesn't contain the requestFullScreen() method, while the dev do. Try using this one.

[jduncanator]

Thanks! It's working now 👍

[heff]

Great!

[aberloni]

Hey heff,

Is that fix in the 4.0.4 release of video.js ? I can't find it in the video.js/ video.dev.js file.

Thx

[heff]

No, not yet. It'll go out with 4.1. It is in master though.
https://github.com/videojs/video.js/blob/master/src/js/exports.js#L62

[CAJensen01]

What is the eta for 4.1?

[heff]

I think next week.

On Jun 27, 2013, at 11:16 AM, Casey Jensen [email protected] wrote:

What is the eta for 4.1?

—
Reply to this email directly or view it on GitHub.

[CAJensen01]

Great, thanks Steve. I'm looking forward to seeing this resolved.

[CAJensen01]

Hi Steve. I've downloaded the 4.1 update, and am including the call, but it still appears to not work. The call I'm using is:

_V_("main_video").ready(function(){
    var myPlayer = this;

    myPlayer.on("ended", function test(){
        myPlayer.posterImage.show();
    }); 
    myPlayer.on("play", function(){ 
        myPlayer.requestFullScreen(); 
    }); 
});

I've tried this in a variety of browsers (Chrome, Safari, MobileSafari), but none seem to work. Can you explain what I'm missing here?

Cheers.

[vakuzmin]

any updates on the issue since its still not working for me

"video.js": "^6.6.3",

$modalPlayer.on('shown.bs.modal', function () {
  self.player.play();
  self.player.requestFullScreen();
});

[gkatsev]

@vakuzmin the browsers require that requestFullscreen be called as part of a user gesture.

[vakuzmin]

@gkatsev ahh i see, thanks a lot for the getting back

[TrySpace]

PSA: note the capital S in requestFullScreen afaik is deprecated (but possibly still in firefox) and should have a small s; requestFullscreen.

This took me a while to figure out

[GalGurGurevich]

my working example

https://codepen.io/galgurevich/pen/JjMqXGO

https://codepen.io/galgurevich/pen/oNpRxGP

player.on("play", function(){
player.requestFullscreen();
});

should work