Μέθοδος exitFullscreen() του API Fullscreen

Ορισμός και χρήση

exitFullscreen() Η μέθοδος αποσύρει το στοιχείο από την πλήρη οθόνη.

Σημείωση:Χρησιμοποιήστε Μέθοδος requestFullscreen() Ανοίξτε το στοιχείο σε πλήρη οθόνη.

Παράδειγμα

Παράδειγμα 1

Ανοίξτε τη σελίδα HTML σε πλήρη οθόνη και στη συνέχεια κάντε κλικ στο κουμπί για να την κλείσετε:

if (elem.requestFullscreen) {
elem.requestFullscreen();
else if (elem.webkitRequestFullscreen) { /* Safari */
}
  elem.webkitRequestFullscreen();
    else if (elem.msRequestFullscreen) { /* IE11 */
  }
    elem.msRequestFullscreen();
  /* Κλείσιμο πλήρους οθόνης */
    function closeFullscreen() {
  }
}
if (document.exitFullscreen) {
document.exitFullscreen();
  else if (document.webkitExitFullscreen) { /* Safari */
    }
  document.webkitExitFullscreen();
    else if (document.msExitFullscreen) { /* IE11 */
  }
    document.msExitFullscreen();
  }
}

Προσπαθήστε το προσωπικά

Παράδειγμα 2

Όταν η σελίδα βρίσκεται σε λειτουργία πλήρους οθόνης, μπορείτε να χρησιμοποιήσετε το CSS για να ρυθμίσετε το στυλ της σελίδας:

/* Safari */
:-webkit-full-screen {
  background-color: yellow;
}
/* IE11 */
:-ms-fullscreen {
  background-color: yellow;
}
/* Γλώσσα πρότυπου */
:fullscreen {
  background-color: yellow;
}

Προσπαθήστε το προσωπικά

Γλώσσα

HTMLElementObject.exitFullscreen()

Παράμετροι

Χωρίς.

Τεχνικά λεπτομέρειες

Επιστροφή τιμής: Χωρίς επιστροφή τιμής.

Υποστήριξη περιηγητών

Τα αριθμήματα στην τάβλη αναφέρουν την πρώτη έκδοση του περιηγητή που υποστηρίζει πλήρως αυτόν τον τρόπο.

Σημειώσεις:Μερικοί περιηγητές απαιτούν συγκεκριμένους πρόθεσμους (βλέπε τα παρενθέσεις):

Χρωμών Εντένεια Φαύρος Σαφάρι Οπερα
Χρωμών Εντένεια Φαύρος Σαφάρι Οπερα
71.0
15.0 (webkit)
79.0
11.0 (ms)
64.0
9.0 (moz)
6.0 (webkit) 58.0
15.0 (webkit)