Come ottenere video a schermo intero su jwplayer quando si utilizza con fancybox

Question

Come faccio a ottenere video a schermo intero su jwplayer quando lo si utilizza con fancybox? In questo momento ho fancybox che apre un div che contiene l'integrazione di jwplayer e funziona bene, il video viene riprodotto quando si preme la riproduzione, ecc., Quindi va tutto bene. L'unico problema è quando premo a schermo intero sul video che riproduce il video a schermo intero DIETRO il browser e il popup di facybox quindi non riesco a vederlo correttamente. Ho bisogno che lo schermo intero venga messo a fuoco. Ho notato che fancybox usa molti valori di z-index, è questo che lo sta causando?

Qualsiasi aiuto sarà molto apprezzato, grazie.

Answer 1

Tutto dipende da come si incorpora il video. Personalmente non mi piace utilizzare i video incorporati incorporati perché vengono caricati in background indipendentemente da come li vedi ora o più tardi e questo influisce sulle prestazioni e sul caricamento della pagina.

Il metodo consigliato se avete intenzione di mostrare loro in fancybox è di chiamarli a richiesta, quindi con questo html:

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

uso questo 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> 

Vedi example here