2011-11-04 13 views
8

मैं हाल ही में यूट्यूब पर था जब मैंने यूट्यूब वीडियो द्वारा पूर्णस्क्रीन बटन पर क्लिक किया और स्क्रीन के शीर्ष पर एक संदेश दिखाई दिया जिसमें कहा गया कि मुझे पूर्ण-स्क्रीन मोड में रखा गया था। यह संदेश आपके कीबोर्ड पर f-11 दबाते समय प्राप्त मूल संदेश था। मैंने कहीं कुछ भी पढ़ा (जिसे अब मैं नहीं ढूंढ सकता) कह रहा हूं कि अब जावास्क्रिप्ट के साथ ऐसा करना संभव है।प्रोग्रामेटिक रूप से जावास्क्रिप्ट को जावास्क्रिप्ट के साथ पूर्ण-स्क्रीन मोड में डाल दिया गया है?

प्रश्न

मैं कैसे पूर्ण स्क्रीन में उपयोगकर्ताओं को ब्राउज़र (गूगल क्रोम) कर दिया जाएगा, आदेश पर? - विस्तार के बिना उन्हें पहले, या उस प्रकृति के कुछ भी डाउनलोड करने की आवश्यकता होगी।

मैं jQuery का उपयोग कर रहा हूं ताकि यह सबसे अच्छा होगा, लेकिन मुझे यह नहीं पता कि यह कैसे किया जाए।

संपादित करें: मैंने इस प्रकृति के अन्य प्रश्नों को देखा है, लेकिन उन्हें बहुत समय पहले पूछा गया था, और मुझे विश्वास है कि यह कार्यक्षमता काफी नई है।

+0

क्या आपके पास YouTube वीडियो का लिंक है जो यह करता है? क्या आप वाकई फ्लैश नहीं थे? –

+0

क्या यह फ्लैश से पूर्णस्क्रीन मोड नहीं है? – HerrSerker

+0

संभावित डुप्लिकेट [क्या HTML5 वीडियो पूर्णस्क्रीन बनाने का कोई तरीका है?] (Http://stackoverflow.com/questions/1055214/is-there-a-way-to-make-html5-video-fullscreen) –

उत्तर

10

यहाँ अच्छा लेख है: Native Fullscreen JavaScript API। यह सभी तीन तरीकों का वर्णन करता है: वेबकिट, फ़ायरफ़ॉक्स और डब्ल्यू 3-प्रस्ताव।

// mozilla proposal 
element.requestFullScreen(); 
document.cancelFullScreen(); 

// Webkit (works in Safari and Chrome Canary) 
element.webkitRequestFullScreen(); 
document.webkitCancelFullScreen(); 

// Firefox (works in nightly) 
element.mozRequestFullScreen(); 
document.mozCancelFullScreen(); 

// W3C Proposal 
element.requestFullscreen(); 
document.exitFullscreen(); 
1

इन कार्यों का प्रयास करें, वे देशी प्रतीत:

void webkitRequestFullScreen(); 
void webkitRequestFullScreenWithKeys(); 
void webkitCancelFullScreen(); // only on Document 
1

एपीआई अभी भी प्रवाह में भारी है क्योंकि विशेष रूप से डब्ल्यू 3 सी इस हफ्ते में शामिल हो गया है। मैंने MediaElement.js HTML5 वीडियो प्लेयर में पूर्ण स्क्रीन को लागू करने के लिए मतभेदों के माध्यम से कुछ समय बिताया, और सफारी 5.1+, क्रोम 15+, या फ़ायरफ़ॉक्स नाइटली में यह बहुत अच्छा काम कर रहा है।

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