Как получить полноэкранное видео на jwplayer при использовании с fancybox

Question

Как мне получить полноэкранное видео на jwplayer при использовании его с fancybox? Прямо сейчас у меня есть fancybox, открывающий div, который содержит встраивание jwplayer, и он отлично работает, видео воспроизводится при нажатии воспроизведения и т. Д., Так что это все хорошо. Единственная проблема заключается в том, когда я нажимаю полноэкранный режим на видео, которое он воспроизводит на полноэкранном видео, в зависимости от браузера и всплывающего окна facybox, поэтому я не вижу его правильно. Мне нужно, чтобы весь экран был включен в фокус. Я заметил, что fancybox использует множество значений z-index, это то, что вызывает его?

Любая помощь будет очень признательна, спасибо.

Answer 1

Все зависит от того, как вы вставляете видео. Мне лично не нравится использовать встроенные встроенные видео, потому что они загружаются в фоновом режиме, независимо от того, вы видите их сейчас или позже, и это влияет на производительность и загрузку страницы.

Рекомендуемый метод, если вы планируете, чтобы показать их в FancyBox, чтобы назвать их по требованию, так что с этим HTML:

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

использовать этот скрипт:

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

См example here