2012-02-15 35 views
9

Estoy buscando utilizar jwPlayer para el video de fondo a pantalla completa que simplemente se reproduce en un bucle como fondo del sitio.JWPlayer para pantalla completa Video de fondo

Estoy probando esto aquí, con un éxito moderado en Chrome en Mac OS X (disculpen el tamaño del archivo de vídeo) - dextersgospel.com/full-screen-video.html

al cargar la página, me agarra la anchura y altura de la ventana del navegador y establezca los valores como los parámetros de ancho y alto en la configuración de jwPlayer. Increíble.

Ahora, lo que me gustaría agregar es una funcionalidad que cambia el tamaño del video si se cambia el tamaño de la ventana del navegador. He analizado los eventos onResize() y onFullScreen(), pero no puedo encontrar la manera de implementarlos para que esto funcione (o decir si esa es la solución). También he investigado la función jQuery resize(), sin resultados.

También me gustaría evitar que el video se detenga al hacer clic.

¡Si alguien pudiera proporcionar algunos consejos sobre cómo usar jwPlayer para el video de fondo a pantalla completa, sería muy apreciado!

+2

Añadiendo esto a mi document.ready parecía hacer el truco: $ (ventana) .resize (function (e) { \t \t \t \t \t var new_w_height = $ (ventana) .height(); \t \t \t \t \t var new_w_width = $ (ventana) .width(); \t \t \t \t \t jwplayer ("video"). Resize (new_w_width, new_w_height); \t \t \t \t}); – nickff

Respuesta

Cuestiones relacionadas