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$(document).ready(function(){
//Funcion que se activa al evento click del button o boton
$('#completa').click(function(){
// Codigo para activar pantalla completa en Chrome o Safari 5
//Seleccionamos el elemnento video del ID video, en este caso la misma etiqueta video
$('#video')[0].webkitEnterFullScreen();
/* Codigo para activar pantalla completa en Firefox 8 o proximas actualizaciones
$('#video')[0].mozRequestFullScreen();
*/
});
});
Desde ya, muchas gracias.