Foros del Web » Programando para Internet » Javascript »

No puedo lograr FullScreen en todos los navegadores (JavScript)

Estas en el tema de No puedo lograr FullScreen en todos los navegadores (JavScript) en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/09/2013, 23:40
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 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
  #2 (permalink)  
Antiguo 27/09/2013, 08:04
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 13 años, 8 meses
Puntos: 1329
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Aquí hay un muy buen ejemplo (y no usa jQuery): https://developer.mozilla.org/en-US/...ll_screen_mode

PD: La próxima vez postea en el foro correcto.

Saludos
__________________
Grupo Telegram Docker en Español
  #3 (permalink)  
Antiguo 28/09/2013, 00:13
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Sorry.

Y gracias por el link, pero me podrías ayudar un poquito más sobre cómo usar ese ejemplo? Cual ejemplo tengo que usar para mi boton de Fullscreen?

Gracias.
__________________
Sergio Daniel Maidana
  #4 (permalink)  
Antiguo 28/09/2013, 07:27
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 10 años, 2 meses
Puntos: 397
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Cita:
Iniciado por sergiomaidana1989 Ver Mensaje
pero me podrías ayudar un poquito más sobre cómo usar ese ejemplo? Cual ejemplo tengo que usar para mi boton de Fullscreen?

Gracias.
En serio? revisé la página imaginandome una cantidad de ejemplos intendibles o en chino, pero para mi sorpresa hasta tienen un ejemplo live, por favor deja la pereza y no pidas nada hasta que tu mismo avances, la razón de esto es que solo con menos de 5 minutos de búsqueda se puede encontrar paginas como esta ya que si hubieses leido la pagina que muy amablemente te suministraron, sabrias que el fullscreen de HTML5 no funciona en TODOS los navegadores, así que hay que buscar alternativas.

Saludos
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.
  #5 (permalink)  
Antiguo 28/09/2013, 09:51
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

no es pereza. Solamente no entiendo!!
__________________
Sergio Daniel Maidana
  #6 (permalink)  
Antiguo 28/09/2013, 09:58
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

En lugar de ayudarme un poco más, me tratan de perezoso *_*.
__________________
Sergio Daniel Maidana
  #7 (permalink)  
Antiguo 28/09/2013, 10:12
Avatar de jonni09lo
Colaborador
 
Fecha de Ingreso: septiembre-2011
Ubicación: Estigia
Mensajes: 1.471
Antigüedad: 10 años, 2 meses
Puntos: 397
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Primero que todo estás posteando en PHP donde temas de javascript son offtopic, por eso te dijeron que no posteaste donde debes, mi pregunta es: Sabes de javascript? a mi entender no, ya que si tienes el código que posteaste al principio con el link que te dio @Carlangueitor bastaba.

Ahora bien yo profundice un poco mas para "ayudarte" dándote un link de una pagina que utiliza lo mismo que te dieron en el primer link, pero con un mayor soporte a otros navegadores. Si esperas a algún samaritano que te diga mira este es el código que debes usar, pues te demoraras mucho, ya que la función principal es darte soluciones a tus preguntas concretas.

No sabias como implementar el fullscreen, perfecto se te da la informacion para que te apoyes Y continúes con la implementacion, pero dices que no entiendes... por eso te digo que si sabes de javascript, ya que si no es así, no importa cuanto te demos códigos tu no seras capaz de avanzar ya que todo lo que harás es copy y paste... y eso querido amigo, no es lo que queremos que hagas

Saludos
__________________
Haz preguntas inteligentes-Como ser Hacker
No hacer preguntas por mensaje privado. No sólo no es inteligente sino que es egoísta.
  #8 (permalink)  
Antiguo 28/09/2013, 10:44
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Si, sé que es JavaScript y PHP, pero no sé porque hice Click en PHP. Quise entrar en Ayuda General, pero me equivoqué, mi visión no es muy buena. Quizá eso me traicionó.

Igual, creo que ya lo solucioné. Lo probé en Chrome, Mozilla y Opera. En Safari estoy teniendo problemas con el video, porque ni siquiera me aparece. No sé porque. ¿Alguien sabe por qué puede ser esto?

¿No puedo cambiar el tema éste al foro de JavaScript o Ayuda General? Perdón por mi error. Y gracias al que me pasó el link.
__________________
Sergio Daniel Maidana
  #9 (permalink)  
Antiguo 29/09/2013, 16:45
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 13 años, 8 meses
Puntos: 1329
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Tu tema estba en el foro de Ayuda general, debía estar desde un principio en Javascript. Al parecer alguien lo movió al foro de PHP por error. Ya está en el lugar correcto.

Muestra lo que tienes. Probablemente estés usando un formato de video no compatible.

Saludos
__________________
Grupo Telegram Docker en Español

Última edición por Carlangueitor; 29/09/2013 a las 17:14
  #10 (permalink)  
Antiguo 29/09/2013, 17:13
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Muchísimas Gracias por eso.

Voy a dejar cómo hice la función del botón FullScreen para ayudar a otros. Bueno, el code JavaScript me quedó así:
Código Javascript:
Ver original
  1. /* Función de FullScreen */
  2. function ponerFullscreen() {
  3.     if (video.requestFullscreen) {
  4.         video.requestFullscreen();
  5.     } else if (video.mozRequestFullScreen) {
  6.         video.mozRequestFullScreen();
  7.     } else if (video.webkitRequestFullscreen) {
  8.         video.webkitRequestFullscreen();
  9.     }
  10. }

Aquí está mi código HTML del video que les digo que no lo puedo compatibilizar con el navegador Safari, sí con Opera, Chrome y Firefox:

Código HTML:
Ver original
  1. <video id="videoIntro">
  2.     <source type="video/mov" src="media/videos/sdmwm_intro.mov"></source>
  3.     <source type="video/mpeg4" src="media/videos/sdmwm_intro.mp4"></source>
  4.     <source type="video/ogg" src="media/videos/sdmwm_intro.ogv"></source>
  5.     <source type="video/webm" src="media/videos/sdmwm_intro.webm"></source>
  6. </video><!-- Cierre Video 'video-intro' -->

Les agradezco a todos los que me dieron una mano. Espero me puedan terminar de ayudar con esto último.
Buscando en internet mi problema, encontré esto:
http://www.longtailvideo.com/support...i-517-windows/
Pero igual, no sé qué onda.

Saludos a todos.
__________________
Sergio Daniel Maidana
  #11 (permalink)  
Antiguo 29/09/2013, 17:28
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 13 años, 8 meses
Puntos: 1329
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

¿Pero tu video no se ve en fullscreen o de ninguna manera? Estás probando Safari en windows?
__________________
Grupo Telegram Docker en Español
  #12 (permalink)  
Antiguo 29/09/2013, 17:51
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

No, no se ve directamente. No lo muestra...
Si, es Safari de Windows, la última versión.
__________________
Sergio Daniel Maidana
  #13 (permalink)  
Antiguo 29/09/2013, 18:34
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 13 años, 8 meses
Puntos: 1329
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Safari está descontinuado en Windows. Yo no probaría mucho en él.

¿Cómo hiciste el cambio de formato? Igual y el codec no es el correcto.


Saludos
__________________
Grupo Telegram Docker en Español
  #14 (permalink)  
Antiguo 29/09/2013, 20:07
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

¿Cuál sería el type correcto? He probado con "video/mp4", "video/mpg". Y nada...
No lo sé, a los videos me lo hicieron y le dieron el formato los que me lo han hecho.
__________________
Sergio Daniel Maidana
  #15 (permalink)  
Antiguo 29/09/2013, 20:52
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 13 años, 8 meses
Puntos: 1329
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

No, me refiero al codec en el archivo. Prueba está página para que veas que funciona en Safari: http://www.quirksmode.org/html5/tests/video.html

De todas formas, esto ya no es cosa de tu tema inicial. Deberías abrir uno nuevo en la sección correspondiente.

Saludos
__________________
Grupo Telegram Docker en Español
  #16 (permalink)  
Antiguo 29/09/2013, 21:06
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Nop, allí tampoco me aparecen los videos (ninguno).
Por las dudas el Safari no requiere un complemento o un programa que se llama "QT", o algo así para poder ver videos? Eso lo leí por allí. Que es un programa para ver películas, videos en Safari.
__________________
Sergio Daniel Maidana
  #17 (permalink)  
Antiguo 29/09/2013, 21:20
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 13 años, 8 meses
Puntos: 1329
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

No sé, hace tiempo que no uso windows y nunca usé Safari en él. Pero puedes instalar a ver si sirve: http://www.apple.com/mx/quicktime/download/
__________________
Grupo Telegram Docker en Español
  #18 (permalink)  
Antiguo 29/09/2013, 22:14
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

No, no funciona igual aparentemente.
Qué programa me recomendas para reconvertir los videos para ver si es eso.
__________________
Sergio Daniel Maidana
  #19 (permalink)  
Antiguo 30/09/2013, 00:18
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 10.037
Antigüedad: 13 años, 8 meses
Puntos: 1329
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Checa esto: http://fortuito.us/diveintohtml5/vid...#handbrake-gui
__________________
Grupo Telegram Docker en Español
  #20 (permalink)  
Antiguo 16/10/2013, 11:46
Avatar de sergiomaidana1989  
Fecha de Ingreso: abril-2013
Ubicación: Vera, Santa Fe
Mensajes: 70
Antigüedad: 8 años, 7 meses
Puntos: 0
Respuesta: No puedo lograr FullScreen en todos los navegadores (JavScript)

Regreso a este Tema, ya que pienso que mi problema está relacionado mucho con el problema/duda que tengo ahora. En realidad, es lo contrario lo que quiero hacer ahora.
Ahora me gustaría hacer es cuando se está en fullscreen activado, y basándome en la función que escribí anteriormente, con la que pongo el fullscreen, al presionar la tecla Esc. se salga del modo fullscreen.

No sé si se entiende.

Gracias.
__________________
Sergio Daniel Maidana

Etiquetas: ayuda-general, fullscreen, lograr, navegadores
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:35.