Necesito saber que (DOM) de los eventos se desencadena cuando un usuario entrar en el modo de pantalla completa a través de la nueva La API de pantalla completa. He intentado, por ejemplo, este fragmento, pero no fuego:

jQuery('body').on('fullScreenChange', function() { alert("Fired!"); });
  • Que navegador, la versión, el cual OS? Consulte developer.mozilla.org/en/DOM/… Hacer utilizar la última versión de jQuery?
  • Tenga en cuenta que a pesar de que las respuestas aquí, el evento no se dispara al pulsar F11, como se señaló en el esta respuesta
InformationsquelleAutor Poru | 2012-03-08

3 Comentarios

  1. 17

    Su enlace muestra la respuesta

    Al modo de pantalla completa está correctamente activado, el documento que contiene la pantalla completa elemento recibe un fullscreenchange evento. Cuando el modo de pantalla completa sale de nuevo el documento recibe un fullscreenchange evento. Tenga en cuenta que el fullscreenchange evento de no proporcionar ninguna información de sí mismo en cuanto a si el documento es entrar o salir del modo de pantalla completa, pero si el documento tiene un no nulos fullScreenElement , usted sabe que usted está en modo de pantalla completa.

    • FWIW, esto sólo funciona al entrar y salir de la pantalla completa con la pantalla Completa de la API. Si usted entrar en pantalla completa desde tu barra de herramientas del navegador, por ejemplo, el evento no se disparará.
  2. 62

    Yo estaba usando:

    $(document).on('webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange', fn);

    Dispara para Safari, Chrome y Firefox (no he probado otros).
    Parece ser que hay una sutil diferencia en el contexto resultante entre webkit y moz,
    elemento de la altura y la anchura son diferentes. Pero los acontecimientos de fuego, que es su pregunta.

    Oh. Y el reloj hacia fuera para el uso de alert('fs') con pantalla completa de pruebas. A menudo interfiere con el cambio de la pantalla.

    • Enfriar la solución. 🙂
    • re ‘en’ vs ‘bind’. Seguí ambos, pero en la edición perdido el nick de el original de la corrección del editor. Lo siento.
    • webkitfullscreenchange no de fuego para mí en Safari cuando el uso de Vimeo en un iframe. Funciona en chrome.
    • Así ha sido, de largo, se me olvida lo de los eventos que tenía en la lista y que no. Parece Kingpin2k ha editado la lista de eventos en esta respuesta, espero que para mejor!
    • En anteriores versiones de Safari en iOS, tuve que usar: $('video').on("webkitfullscreenchange mozfullscreenchange fullscreenchange MSFullscreenChange webkitbeginfullscreen webkitendfullscreen", foo)

Dejar respuesta

Please enter your comment!
Please enter your name here