2012-01-07 8 views
6

के साथ उपयोग करते समय jwplayer पर पूर्णस्क्रीन वीडियो कैसे प्राप्त करें fancybox के साथ इसका उपयोग करते समय मैं jwplayer पर पूर्णस्क्रीन वीडियो प्राप्त करने के बारे में कैसे जा सकता हूं? अभी मेरे पास एक डिवीजन खोलने वाला फैंक्सबॉक्स है जिसमें jwplayer एम्बेडिंग शामिल है और यह ठीक काम करता है, वीडियो प्ले करते समय वीडियो चलाता है ताकि यह सब अच्छा हो। एकमात्र समस्या यह है कि जब मैं वीडियो पर पूर्णस्क्रीन दबाता हूं तो यह ब्राउज़र और फ़ैक्सबॉक्स पॉपअप के पीछे पूर्णस्क्रीन वीडियो चलाता है, इसलिए मैं इसे ठीक से नहीं देख सकता। मुझे फोकस में लाने के लिए पूर्णस्क्रीन की आवश्यकता है। मैंने देखा कि fancybox बहुत सारे जेड-इंडेक्स मानों का उपयोग करता है, क्या यह कारण बन रहा है?fancybox

किसी भी मदद की बहुत सराहना की जाएगी, धन्यवाद।

उत्तर

9

यह सब इस बात पर निर्भर करता है कि आप वीडियो को एम्बेड कैसे कर रहे हैं। मैं व्यक्तिगत रूप से इनलाइन एम्बेडेड वीडियो का उपयोग करना पसंद नहीं करता क्योंकि वे पृष्ठभूमि में लोड हो रहे हैं, भले ही आप उन्हें या बाद में देखते हैं और इससे प्रदर्शन और पृष्ठ लोड पर असर पड़ता है।

<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

देखें

अगर तुम उन्हें fancybox में दिखाने के लिए योजना बना रहे हैं की सिफारिश की विधि, मांग पर उन्हें फोन करने के लिए तो यह एचटीएमएल के साथ है

+0

मेरे ब्राउज़र के पीछे पूर्णस्क्रीन जाने वाले वीडियो के संबंध में, ऐसा लगता है कि यह विंडोज 7 समस्या थी। मेरा कंप्यूटर फ्लिपिंग कर रहा था और मेरे ब्राउज़र को अन्य सभी विंडोज़ के शीर्ष पर रहने के लिए मजबूर कर रहा था, सिर्फ पूर्णस्क्रीन वीडियो नहीं। मैंने रिबूट किया और सब कुछ पूरी तरह से काम किया। –

+0

आपके द्वारा प्रदान की गई जानकारी के लिए धन्यवाद जेएफके मैं आपके कोड को बहुत जल्द कोशिश करूंगा। –

+0

फैंक्सबॉक्स कुछ प्लेसहोल्डर सामग्री जोड़ने के बाद मैं jwplayer सेटअप का उपयोग करता हूं। 'सामग्री': '

' और फिर jwplayer ("player")। सेटअप ({file: "video.mp4"}) – funrob