YouTube एम्बेड कोड जनरेटर
स्टार्ट टाइम, ऑटोप्ले और प्राइवेसी मोड के साथ रिस्पॉन्सिव iframe एम्बेड कोड बनाएँ
इनपुट और विकल्प
आपके ब्राउज़र में चलता है। आपका इनपुट इसी डिवाइस पर रहता है।
परिणाम
परिणाम देखने के लिए अपने मान दर्ज करें।
मुफ़्त YouTube एम्बेड कोड जनरेटर के बारे में
हमारा मुफ़्त YouTube एम्बेड कोड जनरेटर किसी भी YouTube लिंक को कुछ ही सेकंड में साफ़, कॉपी करने लायक HTML में बदल देता है। watch URL, youtu.be का छोटा लिंक, Shorts लिंक या 11 अक्षरों की सादी वीडियो ID पेस्ट करें, और टूल आपके चुने हुए प्लेयर विकल्पों के साथ तुरंत एक मान्य iframe बना देता है: शुरुआती समय, ऑटोप्ले, म्यूट, लूप, छिपे हुए कंट्रोल, प्राइवेसी-एन्हांस्ड मोड और बहुत कुछ।
सबसे खास सुविधा है रिस्पॉन्सिव YouTube एम्बेड मोड, जो डिफ़ॉल्ट रूप से चालू रहता है। फ़ोन पर बाहर निकल जाने वाले तय चौड़ाई के iframe की जगह, जनरेटर प्लेयर को padding-bottom वाले कंटेनर में लपेटता है, जो हर स्क्रीन चौड़ाई पर 16:9 का सटीक अनुपात बनाए रखता है। यही तकनीक पेशेवर प्रकाशक इस्तेमाल करते हैं, और यह बिना किसी JavaScript के हर आधुनिक ब्राउज़र में चलती है।
प्राइवेसी भी मायने रखती है। एक चेकबॉक्स एम्बेड कोड को YouTube के प्राइवेसी-एन्हांस्ड youtube-nocookie.com डोमेन पर ले जाता है, जो ट्रैकिंग कुकी को तब तक रोके रखता है जब तक विज़िटर वीडियो चलाता नहीं, और GDPR के प्रति सजग साइटों के लिए यह आम ज़रूरत है। वैकल्पिक लेज़ी लोडिंग loading="lazy" एट्रिब्यूट जोड़ती है, ताकि iframe तभी लोड हो जब वह स्क्रॉल करके दिखाई दे, जिससे पेज की गति और Core Web Vitals बेहतर होते हैं।
मुख्य सुविधाएँ
- YouTube के हर आम URL फ़ॉर्मैट को स्वीकार करता है: watch, youtu.be, Shorts, embed, live या सीधी वीडियो ID
- 16:9 रिस्पॉन्सिव रैपर डिफ़ॉल्ट रूप से चालू है, ताकि वीडियो मोबाइल, टैबलेट और डेस्कटॉप पर अपने आप फ़िट हो जाएँ
- सटीक आयाम चाहिए तो तय आकार के प्रीसेट (560x315, 640x360, 853x480, 1280x720)
- शुरुआती समय h:mm:ss, mm:ss या सादे सेकंड में दर्ज करें, जो सही start पैरामीटर में बदल जाता है
- ऑटोप्ले, म्यूट, लूप और छिपे हुए कंट्रोल के टॉगल, कोड लाइव दोबारा बनता है
- कुकी ट्रैकिंग घटाने के लिए youtube-nocookie.com का इस्तेमाल करने वाला प्राइवेसी-एन्हांस्ड मोड
- तेज़ पेज और बेहतर Core Web Vitals स्कोर के लिए लेज़ी लोडिंग विकल्प
- लाइव प्लेयर प्रीव्यू, जो विकल्प बदलते ही अपडेट होता है (प्रीव्यू में ऑटोप्ले बंद रहता है)
- title एट्रिब्यूट और allowfullscreen के साथ हर iframe में सुलभ आउटपुट
- एक क्लिक में क्लिपबोर्ड पर कॉपी, साइन-अप के बिना, पूरी तरह मुफ़्त
YouTube एम्बेड कोड जनरेटर का उपयोग कैसे करें
- अपना लिंक पेस्ट करें: इनपुट फ़ील्ड में कोई भी YouTube URL या 11 अक्षरों की वीडियो ID डालें। टूल वीडियो ID अपने आप पहचान लेता है।
- अपने विकल्प चुनें: शुरुआती समय सेट करें, और ऑटोप्ले, म्यूट, लूप, छिपे हुए कंट्रोल या प्राइवेसी-एन्हांस्ड मोड चालू या बंद करें। कोड लाइव अपडेट होता है।
- आकार चुनें: फ़्लुइड लेआउट के लिए रिस्पॉन्सिव रैपर रखें, या उसे बंद करके 560x315 या 1280x720 जैसा तय आकार चुनें।
- प्रीव्यू देखें: दाईं ओर का लाइव प्लेयर दिखाता है कि आपका एम्बेड ठीक कैसे काम करेगा, बस ऑटोप्ले के बिना, ताकि पेज शांत रहे।
- कॉपी करके पेस्ट करें: कोड कॉपी करें पर क्लिक करें और HTML को अपनी वेबसाइट, ब्लॉग पोस्ट या CMS के HTML ब्लॉक में पेस्ट करें।
उपयोग के मामले
- ब्लॉगर: WordPress, Ghost या स्टैटिक साइट की पोस्ट में ट्यूटोरियल या रिव्यू वीडियो मोबाइल-फ़्रेंडली रिस्पॉन्सिव कोड के साथ एम्बेड करें।
- वेब डेवलपर: हर बार हाथ से लिखने की जगह, लेज़ी लोडिंग के साथ एकसमान, मानकों के अनुरूप iframe मार्कअप बनाएँ।
- कोर्स क्रिएटर: पाठों को ठीक उसी टाइमस्टैम्प से शुरू होने वाले रूप में एम्बेड करें, ताकि छात्र हर बार सही पल पर पहुँचें।
- मार्केटिंग टीमें: साफ़ दिखावट के लिए छिपे हुए कंट्रोल के साथ लैंडिंग पेज पर प्रोडक्ट डेमो जोड़ें।
- GDPR वाली साइटें संभालने वाली एजेंसियाँ: यूरोपीय क्लाइंट की वेबसाइटों के लिए प्राइवेसी-एन्हांस्ड youtube-nocookie.com एम्बेड दें।
- दस्तावेज़ीकरण लेखक: लेआउट बिगड़े बिना हेल्प सेंटर और नॉलेज बेस में वॉकथ्रू वीडियो डालें।
- न्यूज़लेटर प्रकाशक: न्यूज़लेटर के उन वेब संस्करणों के लिए एम्बेड बनाएँ जहाँ वीडियो समर्थित है।
- छोटे व्यवसाय के मालिक: डेवलपर रखे बिना होमपेज के हीरो सेक्शन में लूप होता हुआ, म्यूट प्रोमो वीडियो लगाएँ।
अक्सर पूछे जाने वाले प्रश्न
क्या यह टूल मुफ़्त है?
हाँ, YouTube एम्बेड कोड जनरेटर पूरी तरह मुफ़्त है, साइन-अप के बिना, वॉटरमार्क के बिना और उपयोग की किसी सीमा के बिना।
क्या मेरा डेटा सुरक्षित है?
हाँ। यह टूल पूरी तरह आपके ब्राउज़र में चलता है। आपके URL और सेटिंग हमारे सर्वर पर कभी नहीं भेजे जाते, और कुछ भी सहेजा या लॉग नहीं किया जाता।
ऑटोप्ले के साथ mute=1 भी क्यों जुड़ जाता है?
Chrome, Safari और Firefox आवाज़ वाले ऑटोप्ले वीडियो को रोक देते हैं। YouTube एम्बेड म्यूट होने पर ही भरोसेमंद ढंग से ऑटोप्ले होते हैं, इसलिए ऑटोप्ले चालू होते ही जनरेटर mute=1 जोड़ देता है। विज़िटर एक क्लिक में अनम्यूट कर सकते हैं।
लूप के साथ playlist पैरामीटर क्यों जुड़ता है?
यह YouTube की ज़रूरत है। loop=1 पैरामीटर केवल प्लेलिस्ट पर काम करता है, इसलिए एक अकेले वीडियो को लूप करने के लिए आपको उसी ID के साथ playlist=VIDEO_ID देना पड़ता है। जनरेटर यह अपने आप कर देता है।
रिस्पॉन्सिव और तय आकार वाले एम्बेड में क्या अंतर है?
तय आकार का iframe हमेशा उन्हीं पिक्सेल आयामों में दिखता है और छोटी स्क्रीन से बाहर निकल सकता है। रिस्पॉन्सिव संस्करण iframe को 56.25 प्रतिशत (16:9 अनुपात) के padding-bottom वाले कंटेनर में लपेटता है, इसलिए प्लेयर अपने पैरेंट को भर देता है और हर डिवाइस पर सहजता से स्केल होता है।
क्या प्राइवेसी-एन्हांस्ड मोड वीडियो चलने का तरीका बदल देता है?
नहीं। प्लेयर दिखने और चलने में एक जैसा रहता है। youtube-nocookie.com डोमेन बस इतना करता है कि विज़िटर के प्लेबैक शुरू करने तक YouTube ट्रैकिंग कुकी सेट नहीं कर पाता, जो GDPR और कुकी-सहमति के अनुपालन में मदद करता है।
सुझाव और सर्वोत्तम तरीके
- रिस्पॉन्सिव रैपर चालू रखें: वेब ट्रैफ़िक का आधे से ज़्यादा हिस्सा मोबाइल से आता है, और 560px का तय iframe ज़्यादातर फ़ोन स्क्रीन से बाहर निकल जाएगा।
- स्क्रीन के नीचे वाले हिस्से में लेज़ी लोडिंग इस्तेमाल करें: हर YouTube iframe सैकड़ों किलोबाइट खींचता है। loading="lazy" इस खर्च को तब तक टाल देता है जब तक प्लेयर सचमुच दिखाई न दे।
- लंबे वीडियो में शुरुआती समय सेट करें: दर्शकों को सीधे संबंधित पल तक पहुँचाने से बाउंस घटता है और वे आपकी सामग्री देखते रहते हैं।
- प्राइवेसी-एन्हांस्ड मोड को प्राथमिकता दें: दर्शकों के लिए इसका कोई नुकसान नहीं है, और EU ट्रैफ़िक वाली साइटों पर कुकी-सहमति का संचालन आसान हो जाता है।
- title एट्रिब्यूट रखें: स्क्रीन रीडर इसे बोलकर सुनाते हैं, और Lighthouse जैसे एक्सेसिबिलिटी ऑडिट इसके बिना वाले iframe को चिह्नित करते हैं।
- पेस्ट करने के बाद जाँचें: कुछ CMS एडिटर विज़ुअल मोड में iframe हटा देते हैं। कोड को सुरक्षित रखने के लिए उसे HTML या कोड ब्लॉक में पेस्ट करें।