नेटिव फ़ुलस्क्रीन वीडियो

1बिल्ट-इन फ़ुलस्क्रीन वीडियो#

आपका बनाया ऐप पहले से नेटिव फ़ुलस्क्रीन वीडियो प्लेबैक सपोर्ट करता है। जब कोई यूज़र HTML5 <video> एलिमेंट पर फ़ुलस्क्रीन बटन दबाता है, तो ऐप:

• सच्चे इमर्सिव फ़ुलस्क्रीन में चला जाता है
• अपने आप लैंडस्केप में घूम जाता है
• सभी नेविगेशन बार छिपा देता है
• यूज़र के फ़ुलस्क्रीन से बाहर निकलने पर पोर्ट्रेट ओरिएंटेशन वापस ले आता है

किसी कॉन्फ़िगरेशन की ज़रूरत नहीं - यह अपने आप काम करता है! ओरिएंटेशन लॉक ऐप ख़ुद संभालता है, इसलिए सिर्फ़ पोर्ट्रेट पर सेट किए गए ऐप भी वीडियो चलते समय सही तरह से लैंडस्केप में जाएँगे।

2समर्थित वीडियो स्रोत#

नीचे दिए वीडियो प्रकार फ़ुलस्क्रीन के साथ काम करते हैं:

✅ HTML5 <video> एलिमेंट
✅ YouTube एम्बेड (iframe)
✅ Vimeo एम्बेड
✅ ख़ुद होस्ट किए MP4/WebM वीडियो
✅ HLS स्ट्रीम (.m3u8)

⚠️ DRM-सुरक्षित कुछ कंटेंट नेटिव फ़ुलस्क्रीन में नहीं जा पाएँगे

3वेबसाइट वीडियो के लिए सर्वोत्तम तरीके#

आपके बनाए ऐप में सबसे अच्छे वीडियो अनुभव के लिए:

<!-- Good: Standard HTML5 video -->
<video controls playsinline>
  <source src="video.mp4" type="video/mp4">
</video>

<!-- Good: YouTube embed -->
<iframe
  src="https://youtube.com/embed/VIDEO_ID"
  allowfullscreen>
</iframe>

<!-- Tip: Add 'playsinline' attribute
     for inline playback on iOS too -->

4PiP के साथ मिलाएँ#

सबसे बढ़िया वीडियो अनुभव के लिए, Fullscreen Video (बिल्ट-इन) और PiP मोड दोनों चालू करें:

1. यूज़र वीडियो इनलाइन देखता है
2. फ़ुलस्क्रीन दबाने पर → इमर्सिव लैंडस्केप में चला जाता है
3. बैक दबाने पर → सामान्य व्यू पर लौट आता है
4. होम दबाने पर → PiP की तैरती विंडो में चला जाता है

इससे आपके वेब ऐप में यूज़र्स को YouTube जैसा अनुभव मिलता है!