Cómo obtener video a pantalla completa en jwplayer cuando se usa con fancybox

Question

¿Cómo hago para obtener video a pantalla completa en jwplayer cuando lo uso con fancybox? En este momento tengo Fancybox abriendo un div que contiene incrustación de jwplayer y funciona bien, el video se reproduce al presionar play etc, así que todo está bien. El único problema es cuando presiono pantalla completa en el video que reproduce el video de pantalla completa DETRÁS del navegador y ventana emergente de facybox, por lo que no puedo verlo correctamente. Necesito que la pantalla completa sea enfocada. Me di cuenta de que fancybox utiliza una gran cantidad de valores z-index, ¿eso es lo que está causando?

Cualquier ayuda será muy apreciada, gracias.

Answer 1

Todo depende de cómo esté incrustando el video. Personalmente, no me gusta usar videos incrustados en línea porque se cargan en segundo plano independientemente de que los vea ahora o más adelante, lo que afecta el rendimiento y la carga de la página.

El método recomendado si usted está planeando para mostrarlos en FancyBox es llamarlos a la carta, así que con este código HTML:

<a class="video" href="pathToVideo/video.flv">open my video in fancybox</a> 

uso de este script:

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("a.video").click(function() { 
    $.fancybox({ 
    'padding' : 0, // optional 
    'title' : this.title, 
    'content': '<embed src="jwplayer.swf?file='+this.href+'&amp;autostart=true&amp;fs=1" type="application/x-shockwave-flash" width="352" height="240" wmode="opaque" allowfullscreen="true" allowscriptaccess="always"></embed>'    
    }); // fancybox 
    return false; 
    }); // click 
}); // ready 
</script> 

Ver example here