Cách nhận video toàn màn hình trên jwplayer khi sử dụng với fancybox

Question

Làm cách nào để chuyển video toàn màn hình về jwplayer khi sử dụng nó bằng hộp ưa thích? Ngay bây giờ tôi có fancybox mở ra một div có chứa jwplayer nhúng và nó hoạt động tốt, video phát khi nhấn chơi vv vì vậy đó là tất cả tốt. Vấn đề duy nhất là khi tôi bấm toàn màn hình trên video nó phát video toàn màn hình BEHIND trình duyệt và hộp thoại bật lên vì vậy tôi không thể nhìn thấy nó đúng cách. Tôi cần toàn màn hình để được đưa vào tiêu điểm. Tôi nhận thấy rằng fancybox sử dụng rất nhiều giá trị z-index, đó là những gì đang gây ra nó?

Bất kỳ trợ giúp nào cũng sẽ được đánh giá cao, cảm ơn.

Answer 1

Tất cả phụ thuộc vào cách bạn nhúng video. Cá nhân tôi không thích sử dụng video nhúng nội tuyến vì chúng đang tải trong nền bất kể bạn nhìn thấy chúng ngay bây giờ hoặc sau đó và tác động đến hiệu suất và tải trang.

Phương pháp khuyến khích nếu bạn đang có kế hoạch để hiển thị chúng trong Fancybox là để gọi cho họ theo yêu cầu, như vậy với html này:

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

sử dụng kịch bản này:

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

Xem example here