IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Fonction plein écran sous safari


Sujet :

JavaScript

  1. #1
    Membre à l'essai
    Homme Profil pro
    technicien eau potable
    Inscrit en
    février 2013
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : technicien eau potable
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : février 2013
    Messages : 19
    Points : 17
    Points
    17
    Par défaut Fonction plein écran sous safari
    Bonjour,
    Je travaille sur une fonction pour basculer en plein écran Ce code fonctionne bien avec firefox et chrome et explorer, mais ça ne marche pas avec safari
    La console indique :
    - fullscreen
    - webkit

    Quelqu'un a une idée d'ou peut venir le souci?
    merci d'avance pour vos réponses et votre patience (je suis débutant ^^ )

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
     
    //enclenche ou quitte le plein écran
    function switchFullscreen(elem) {
      console.log('fullscreen');
      if (!document.mozFullScreen && !document.webkitFullscreenElement) {
        if (elem.mozRequestFullScreen) {
          console.log('moz');
          elem.mozRequestFullScreen();
        } else {
          console.log('webkit');
          elem.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
        }
      }
      else {
        if (document.mozCancelFullScreen) {
          document.mozCancelFullScreen();
        }
        if (document.webkitFullscreenElement) {
          document.webkitCancelFullScreen();
        }
      }
    }

  2. #2
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    novembre 2012
    Messages
    3 299
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : novembre 2012
    Messages : 3 299
    Points : 9 688
    Points
    9 688
    Par défaut
    Voilà le support de l'API FullScreen: http://caniuse.com/#search=fullscreen ; tu remarqueras que Safari a un support très partiel. On parle de quelle version de Safari ici ?

    Essaie avec
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    document.webkitIsFullScreen
    au lieu de
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    webkitFullscreenElement
    One Web to rule them all

  3. #3
    Membre à l'essai
    Homme Profil pro
    technicien eau potable
    Inscrit en
    février 2013
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : technicien eau potable
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : février 2013
    Messages : 19
    Points : 17
    Points
    17
    Par défaut
    Merci pour le tuyau, je vais essayer.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 24/09/2011, 16h50
  2. Compatibilité Flash plein écran sous Opera
    Par pleasewait dans le forum Flash
    Réponses: 0
    Dernier message: 25/04/2009, 16h38
  3. turbo pascal plein écran sous vista
    Par gegetrois dans le forum Windows Vista
    Réponses: 1
    Dernier message: 13/11/2008, 20h07
  4. fonction plein écran
    Par skalimer0 dans le forum MFC
    Réponses: 3
    Dernier message: 08/07/2007, 19h53
  5. fonction plein écran
    Par TERRIBLE dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 14/11/2005, 16h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo