HTML YouTube
In this page:
<iframe src="https://www.youtube.com/embed/VIDEO_ID" width="width" height="height"></iframe>YouTube वीडियो एम्बेड करना
आप iframe टैग का उपयोग करके अपने वेबपेज पर कोई भी YouTube वीडियो एम्बेड कर सकते हैं। सामान्य वीडियो पेज को लिंक करने के बजाय, आप iframe के src एट्रिब्यूट को YouTube के डेडिकेटेड embed URL पर पॉइंट करते हैं, जिसमें वीडियो की यूनीक ID होती है।
- अपना embed code बनाने के लिए YouTube वीडियो लिंक के अंत में मौजूद 11-अक्षर की यूनीक वीडियो ID खोजें।
- Accepted attributes:
- src — https://www.youtube.com/embed/VIDEO_ID
- width / height — pixels
- title — accessible description
- allow — accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share
- allowfullscreen — boolean
- referrerpolicy / loading
उदाहरण: Embedding YouTube Videos
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>वीडियो Autoplay को नियंत्रित करना
आप अपने source URL में autoplay=1 पैरामीटर जोड़कर अपने एम्बेड किए गए YouTube वीडियो को पेज लोड होते ही अपने-आप चलना शुरू करने के लिए कॉन्फ़िगर कर सकते हैं। मॉडर्न ब्राउज़र्स में autoplay काम करने के लिए वीडियो को mute करना ज़रूरी होता है।
- यह सुनिश्चित करने के लिए कि ब्राउज़र आपके auto-play होने वाले वीडियो को ब्लॉक न करें, autoplay=1 के साथ हमेशा mute=1 भी जोड़ें।
- Accepted values:
- autoplay — 0 | 1 (URL parameter)
- mute — 0 | 1 (autoplay usually needs mute=1)
- allow="autoplay" — iframe permission
उदाहरण: Controlling Video Autoplay
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1&mute=1"></iframe>Looping Playback बनाना
अपने वीडियो को लगातार चलाने के लिए, आप अपने embed URL में loop=1 पैरामीटर जोड़ सकते हैं। लूपिंग को सक्षम करने के लिए YouTube के प्लेयर में उसी वीडियो ID के साथ playlist पैरामीटर भी बताना ज़रूरी है।
- इंटरैक्टिव, डायनामिक पेज हेडर बनाने के लिए एक छोटा, लूप होने वाला वीडियो इस्तेमाल करना एक बेहतरीन तरीका है।
- Accepted values:
- loop — 0 | 1 (URL parameter)
- playlist — VIDEO_ID (required to loop a single video)
उदाहरण: Creating Looping Playbacks
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ?loop=1&playlist=dQw4w9WgXcQ"></iframe>प्लेयर कंट्रोल्स को कस्टमाइज़ करना
आप पैरामीटर जोड़कर अपने पेज पर YouTube प्लेयर के लुक को कस्टमाइज़ कर सकते हैं। उदाहरण के लिए, controls=0 प्ले और वॉल्यूम बटन छुपा देता है, जबकि fs=0 फुलस्क्रीन बटन को डिसेबल कर देता है।
- कंट्रोल्स छुपाना बैकग्राउंड वीडियो के लिए उपयोगी है, लेकिन ट्यूटोरियल देखने वाले यूज़र्स को परेशान कर सकता है।
- Accepted values:
- controls — 0 | 1 (URL parameter)
- start — seconds
- end — seconds
- rel — 0 | 1
उदाहरण: Customizing Player Controls
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ?controls=0&fs=0"></iframe>YouTube प्लेयर सिक्योरिटी
यूज़र की प्राइवेसी की सुरक्षा और अपनी वेबसाइट को सुरक्षित रखने के लिए, हमेशा एम्बेडेड वीडियो को सुरक्षित HTTPS कनेक्शन पर लोड करें और परमिशन्स को सीमित करने के लिए मानक iframe sandbox एट्रिब्यूट लागू करें।
उदाहरण: YouTube Player Security
<iframe src="https://www.youtube.com/embed/dQw4w9WgXcQ" sandbox="allow-scripts allow-same-origin"></iframe>Privacy-Enhanced मोड (youtube-nocookie.com)
एम्बेड के लिए सामान्य youtube.com डोमेन की जगह youtube-nocookie.com का उपयोग करने से, जब तक विज़िटर खुद वीडियो चलाने का चुनाव नहीं करता, तब तक YouTube उसके ब्राउज़र में ट्रैकिंग कुकीज़ सेट नहीं कर पाता।
यह उन साइट्स के लिए एक आम ज़रूरत है जिन्हें यूज़र की सहमति मिलने से पहले सख्त प्राइवेसी नियमों का पालन करना होता है।
- उन साइट्स पर जहां यूज़र ने अभी तक कुकी ट्रैकिंग स्वीकार नहीं की है, खासकर EU में विज़िटर्स को सर्व करने वाली साइट्स पर, किसी भी दिखाए गए एम्बेडेड वीडियो के लिए डिफ़ॉल्ट रूप से nocookie डोमेन का उपयोग करें।
- Accepted attributes:
- src — https://www.youtube-nocookie.com/embed/VIDEO_ID
- title — accessible description
- allowfullscreen — boolean
उदाहरण: Privacy-Enhanced Mode (youtube-nocookie.com)
<iframe src="https://www.youtube-nocookie.com/embed/dQw4w9WgXcQ"></iframe>एक Playlist एम्बेड करना
सिर्फ एक वीडियो एम्बेड करने के बजाय, आप videoseries एंडपॉइंट और एक playlist ID के साथ पूरी YouTube playlist एम्बेड कर सकते हैं, जिससे विज़िटर्स आपके पेज को छोड़े बिना क्यूरेटेड वीडियो की पूरी सीक्वेंस देख सकें।
- सिर्फ एक वीडियो के बजाय पूरी playlist एम्बेड करने के लिए listType=playlist और list पैरामीटर्स को साथ में इस्तेमाल करें।
- Accepted values:
- listType — playlist
- list — PLAYLIST_ID
- index — position in playlist (URL parameters)
उदाहरण: Embedding a Playlist
<iframe src="https://www.youtube.com/embed/videoseries?list=PLxxxxxxxxxxxx"></iframe>Chapter Quiz — Complete all 11 topics to unlock
0/11 topics done
Complete these topics first: