Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/09/2013, 23:40
Avatar de sergiomaidana1989
sergiomaidana1989
 
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 8 meses
Puntos: 0
No puedo lograr FullScreen en todos los navegadores (JavScript)

Hola amigos de ForosdelWeb.
Tengo un problema con un botón para hacer Fullscreen a un video, cuyo reproductor he creado yo mismo en HTML5 con la etiqueta <video>.

He encontrado una función en internet, que te permite hacer esto. Sin embargo, no funciona en todos los navegores. Ésta contiene el código para Chrome y para Mozilla. Pero no funcionan en ambos a la vez, y sí independientemente. Así generan un error.
Incluso, el mismo tutorial lo dice. Que es cuestión de comprobar compatibilidades, y no entiendo como hacer esto.
Mucho de JavaScript y JQuery no entiendo aún. Espero alguien me pueda explicar de manera clara y comcreta cómo hacer que funcioene en todos los navegadores (Chrome, Safari, Mozilla, Opera).

Aquí dejo la función que encontré y probé:
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     //Funcion que se activa al evento click del button o boton
  3.     $('#completa').click(function(){
  4.              // Codigo para activar pantalla completa en Chrome o Safari 5
  5.              //Seleccionamos el elemnento video del ID video, en este caso la misma etiqueta video
  6.              $('#video')[0].webkitEnterFullScreen();
  7.                  
  8.              /* Codigo para activar pantalla completa en Firefox 8 o proximas actualizaciones
  9.              $('#video')[0].mozRequestFullScreen();
  10.              */
  11.          
  12.     });
  13. });

Desde ya, muchas gracias.
__________________
Sergio Daniel Maidana