[FAQ] Mettre le navigateur en fullScreen

Version imprimable

Citation:

Mettre le navigateur en fullScreen
1) En ouvrant un nouveau popup

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<HTML><BODY onclick="onClick()">Cliquez n importe ou pour ouvrir en plein écran... <SCRIPT>//<!--
function onClick() {
 // Ouvrir la page fullScreen
 var w = screen.availWidth;
 var h = screen.availHeight;
 window.open(window.location,
    "_blank",
    'fullscreen=yes,top=0,left=0,outerHeight='+h+',outerWidth='+w+",location=no,menubar=no,status=no,resizable=no,width="+w+",height="+h+",scrollbars=auto,copyhistory=0,directories=0"
 );
 
 // Fermer cette fenêtre (IE) ou la vider (FF)
 window.open("data:text/plain,Cette fenêtre a été fermée...", "_self", null).close()
}
//--></SCRIPT></BODY></HTML>

2) Avec moveTo et resizeTo (on ne supprime pas les barres de menus, ...)

Code:

moveTo(0,0); resizeTo(screen.width, screen.height);

03/01/2007, 11h50
dingoth

Pas mal.

Mais y a-t-il une méthode pareille pour mettre la fenêtre actuelle en fullscreen, sans ouvrir de popup ?

Comme si l'on appuyait sur F11 dans Firefox et Internet Explorer ?
03/01/2007, 13h04
FremyCompany

Citation:

Envoyé par dingoth

Pas mal.

Mais y a-t-il une méthode pareille pour mettre la fenêtre actuelle en fullscreen, sans ouvrir de popup ?

Comme si l'on appuyait sur F11 dans Firefox et Internet Explorer ?

Non...

Mais sous IE, on ne vois pas qu'un nouveau popup est ouvert, vu que l'ancienne page est fermée, néamoins, la page est réactualisée, et je ne vois pas comment on pourrait eviter cela...

j'y ajouterais juste la bidouille de l'opener qui n'est pas en lecture seule sous IE vu que ce code n'est valable que pour IE, ça permet juste d'eviter le message d'alerte de fermeture...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 <SCRIPT>//<!--
function onClick() {
 // Ouvrir la page fullScreen
 var w = screen.availWidth;
 var h = screen.availHeight;
 window.open(window.location,"_blank",'fullscreen=yes,top=0,left=0,outerHeight='+h+',outerWidth='+w+",location=no,menubar=no,status=no,resizable=no,width="+w+",height="+h+",scrollbars=auto,copyhistory=0,directories=0"
 );
 
 // Fermer cette fenêtre (IE) ou la vider (FF)
self.opener=self
self.close
// window.open("data:text/plain,Cette fenêtre a été fermée...", "_self", null).close()
}
//--></SCRIPT>

21/05/2012, 16h34
Bisûnûrs

Avec la venue de HTML 5 et le fait de pouvoir mettre une vidéo (sans Flash) en fullscreen, les navigateurs commencent doucement à proposer des API pour faire du plein écran :

http://josselin.willette.free.fr/cod...es/fullscreen/

(A tester sur les dernières versions de Firefox et Chrome)
22/05/2012, 07h48
vermine

Merci.
Je vais regarder ça prochainement. :)

Arf ben ça ne passe pas sur IE7, par exemple. Oui je sais, je suis un peu à la traine. :mrgreen:
22/05/2012, 08h14
Bisûnûrs

Citation:

Envoyé par Bisûnûrs

(A tester sur les dernières versions de Firefox et Chrome)

:aie:

Ca ne passe pas encore simplement sur IE. Pas même sur le 10, l'équipe de développement n'a pas encore décidé s'ils vont l'implémenter ou non.
22/05/2012, 14h12
vermine

Fait

J'ai mis ça pour l'instant : http://javascript.developpez.com/faq...#fenFullscreen
22/05/2012, 14h30
Bovino

Petit point de détail, la spécification du W3C parle de requestFullscreen alors que les implémentations spécifiques des navigateurs mettent le "s" de screen en majuscules (mozRequestFullScreen et webkitRequestFullScreen).

Voir aussi les méthodes exitFullscreen (W3C) et mozCancelFullScreen et webkitCancelFullScreen.

:fleche: Using the Fullscreen API in web browsers
22/05/2012, 14h55
Bisûnûrs

Marrant, sur la doc MDN ils ont mis un S majuscule ...
https://developer.mozilla.org/en/DOM...ll-screen_mode

La doc du W3C met bien un S minuscule, merci Bovino :
http://dvcs.w3.org/hg/fullscreen/raw...rview.html#api
22/05/2012, 15h09
Bisûnûrs

Sinon dans la FAQ il faudrait sans doute préciser que par mesure de sécurité, les navigateurs bloquent le lancement du fullscreen au chargement de la page et que son affichage n'est possible que lors d'une action voulue par l'utilisateur (clic par exemple).
22/05/2012, 15h25
vermine

Fait

Qu'il en soit ain et si. ;)