2012-08-31 12 views
5

शायद शुक्रवार की दोपहर में लात मार रहा है लेकिन किसी कारण से मुझे अपने एम्बेडेड यूट्यूब वीडियो पर एक पूर्णस्क्रीन बटन दिखाई देने में असमर्थ लगता है। सभी मैं कर रहा हूँ शेयर कोड है जो एक यूट्यूब वीडियो से उत्पन्न होता है को कॉपी किया गया है: इस कोड http://jsfiddle.net/chricholson/v8sjL/ साथयूट्यूब इफ्रेम कोई फुलस्क्रीन बटन

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0" frameborder="0" allowfullscreen></iframe> 
उदाहरण के लिए

तो मैं देख रहा हूँ:

enter image description here

मैं कुछ लेख जिसमें कहा गया पाया URL के बारे में /v/[code]/embed/[code] के बजाय गलत है लेकिन यूट्यूब से सीधे कॉपी करने के बारे में मैंने सोचा कि मैं सुरक्षित रहूंगा।

उत्तर

21

ऐसा लगता है मैं कई परिवर्तन, अंतिम कोड की जरूरत:

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0&fs=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>​ 

सबसे पहले, URL की आवश्यकता &fs=1, इस बटन को दिखाने के लिए चलाता है। इसके अतिरिक्त, webkitallowfullscreen और mozallowfullscreen की आवश्यकता है, यह बताते हुए कि ब्राउज़र विशिष्ट समस्याओं को हल करें।

कामकाजी कोड होने के बावजूद मुझे एक दिलचस्प चीज़ मिली, यह नमूना jsfiddle के माध्यम से काम नहीं करता है, संभवतः एक आईफ्रेम के अंदर होने के साथ कुछ करने के लिए। मेरा मतलब है कि http://jsfiddle.net/mrchris2013/v8sjL/5/ देखें।

+0

धन्यवाद क्रिस :) बहुत उपयोगी –

+1

"? Fs = 1" भाग आवश्यक नहीं प्रतीत होता है। नवीनतम क्रोम पर, यह काम करेगा अकेले allowfullcreen; मुझे लगता है कि अन्य ब्राउज़रों को webkitallowfullscreen और/या mozallowfullscreen – matteo

3

पूर्णस्क्रीन विकल्प वापस आ गया है कि मुझे लिंक के अंत में &fs=1 को हटाना पड़ा था।

<iframe width="1280" height="720" src="http://www.youtube.com/embed/doXntJaJ-nQ" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
+0

की आवश्यकता हो सकती है ऐसा लगता है कि यह सही उत्तर है, वर्तमान में स्वीकृत नहीं – matteo

3

हल हो गया ...! यदि आप एक iframe (jsfiddle) मुख्य HTML के अंदर अंदर एक iframe (यूट्यूब) आप यह काम करने के लिए आपको

webkitallowfullscreen mozallowfullscreen allowfullscreen

दोनों iframes को

परिभाषित करने की जरूरत .....

संबंधित मुद्दे