एंबेडेबल प्लेयर

M3U8 एंबेड: अपनी वेबसाइट पर एक HLS प्लेयर जोड़ें

M3U8 स्ट्रीम एम्बेड करने का अर्थ है एक <iframe> के साथ अपने पेज पर एक छोटा HLS प्लेयर डालना। नीचे एक स्ट्रीम URL चिपकाएँ, अपने विकल्प चुनें, और जेनरेट किए गए कोड को किसी भी वेबसाइट या ब्लॉग में कॉपी करें। प्लेयर हल्का, प्रतिक्रियाशील है और एक समर्पित एंबेड पेज से लोड होता है, किसी खाते या स्क्रिप्ट टैग की आवश्यकता नहीं है।

लागु किया गया संहिता
<div style="position:relative;padding-top:56.25%;">
  <iframe src="https://www.m3u8player.tools/embed/?src=YOUR_M3U8_URL" style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;" allow="autoplay; fullscreen; encrypted-media" allowfullscreen></iframe>
</div>

M3U8 स्ट्रीम कैसे एम्बेड करें

  1. 1

    अपना M3U8 URL चिपकाएँ

    .m3u8 स्ट्रीम URL दर्ज करें जिसे आप उपरोक्त फ़ील्ड में एम्बेड करना चाहते हैं।

  2. 2

    अपने विकल्प चुनें

    ऑटोप्ले (म्यूट), म्यूट स्टार्ट और रिस्पॉन्सिव 16:9 या निश्चित आकार चुनें।

  3. 3

    एंबेड कोड कॉपी करें

    जेनरेट किए गए <iframe> स्निपेट को कॉपी करें।

  4. 4

    इसे अपनी साइट पर पेस्ट करें

    स्निपेट को किसी भी HTML पेज, ब्लॉग पोस्ट, या CMS में डालें जो कच्चे HTML की अनुमति देता है।

एंबेड प्लेयर कैसे काम करता है

एम्बेड कोड एक <iframe> को एक समर्पित, न्यूनतम प्लेयर पेज पर इंगित करता है जो hls.js को लोड करता है और आपकी स्ट्रीम चलाता है। यह मुख्य साइट से अलग है, इसलिए यह हल्का रहता है और इसमें कोई नेविगेशन या अतिरिक्त यूआई नहीं है। क्योंकि प्लेयर दर्शक के डिवाइस पर चलता है, स्ट्रीम सीधे उनके ब्राउज़र द्वारा प्राप्त की जाती है, आप कुछ भी प्रॉक्सी या री-होस्ट नहीं कर रहे हैं।

डिफ़ॉल्ट रूप से उत्तरदायी

रिस्पॉन्सिव विकल्प आईफ्रेम को 16:9 कंटेनर में लपेटता है जो उसकी मूल चौड़ाई तक बढ़ता है, जो कि आप अधिकांश लेखों और पृष्ठों के लिए चाहते हैं। एक निश्चित आकार केवल तभी चुनें जब आपको सटीक आयामों की आवश्यकता हो, उदाहरण के लिए साइडबार या निश्चित-चौड़ाई वाले लेआउट के अंदर।

जब कोई स्ट्रीम एम्बेड नहीं होगी

एंबेड प्लेयर केवल वही स्ट्रीम दिखा सकता है जिसे दर्शक के ब्राउज़र को लोड करने की अनुमति है। यदि कोई स्ट्रीम क्रॉस-ओरिजिन (CORS) एक्सेस को ब्लॉक करती है या कस्टम Referer की आवश्यकता होती है, तो यह आईफ्रेम के अंदर विफल हो सकता है, भले ही यह प्रॉक्सी सक्षम होने पर मुख्य प्लेयर में काम करता हो। उन स्ट्रीम के लिए, पहले पूर्ण प्लेयर में परीक्षण करें।

अक्सर पूछे जाने वाले प्रश्नों

क्या M3U8 एंबेड मुफ़्त है?

हाँ। एम्बेड कोड बनाना और उपयोग करना बिना किसी साइन-अप के पूरी तरह से मुफ़्त है, और प्लेयर कोई विज्ञापन नहीं दिखाता है।

क्या मुझे अपनी साइट पर एक स्क्रिप्ट जोड़ने की ज़रूरत है?

नहीं, आप केवल एक <iframe> चिपकाएँ। प्लेयर और hls.js एम्बेड पेज से iframe के अंदर लोड होते हैं, इसलिए आपकी साइट को किसी और चीज़ की आवश्यकता नहीं है।

क्या मैं एम्बेडेड स्ट्रीम को ऑटोप्ले कर सकता हूँ?

हां, लेकिन ब्राउज़र केवल वीडियो म्यूट होने पर ही ऑटोप्ले की अनुमति देते हैं, इसलिए ऑटोप्ले विकल्प प्लेयर को म्यूट करके प्रारंभ करता है।

मेरी स्ट्रीम मुख्य प्लेयर में क्यों चलती है लेकिन एंबेड में नहीं?

एंबेड सीधे दर्शक के ब्राउज़र में स्ट्रीम चलाता है। यदि स्ट्रीम को CORS प्रॉक्सी या कस्टम Referer की आवश्यकता है, तो यह सादे iframe में विफल हो सकता है। पहले इसे पूर्ण प्लेयर में परखें।