HTML YouTube Videos
HTML में वीडियो चलाने का सबसे आसान तरीका YouTube का उपयोग करना है।
वीडियो प्रारूपों से परेशानी हो रही है?
वीडियो को विभिन्न प्रारूपों में परिवर्तित करना कठिन और समय लेने वाला है।
एक सरल उपाय यह है कि YouTube को अपने वेब पेज पर वीडियो चलाने दें।
यूट्यूब वीडियो पहचान
जब आप कोई वीडियो सहेजते हैं (या चलाते हैं), तो YouTube एक आइकन प्रदर्शित करता है (जैसे tgbNymZ7vqY)।
आप इस टैग का उपयोग करके अपने वीडियो को HTML कोड में संदर्भित कर सकते हैं।
YouTube URL: https://www.youtube.com/watch?v=tgbNymZ7vqY
Embed URL: https://www.youtube.com/embed/tgbNymZ7vqY
HTML में YouTube वीडियो चला रहा हूँ
किसी वेब पेज पर अपना वीडियो चलाने के लिए, इन चरणों का पालन करें:
- वीडियो को यूट्यूब पर अपलोड करें
- वीडियो आईडी नोट करें
- आपके वेब पेज पर ए
<iframe>तत्व को परिभाषित करें srcविशेषता को वीडियो URL की ओर इंगित करने दें- ड्राइव का आयाम निर्दिष्ट करने के लिए
widthऔरheightगुणों का प्रयोग करें - URL में अन्य पैरामीटर जोड़ें (नीचे देखें)
उदाहरण
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>यूट्यूब ऑटो प्ले + अक्षम करें
यूट्यूब यूआरएल के लिएautoplay=1जोड़ने से, जब कोई उपयोगकर्ता पृष्ठ पर जाएगा तो आपका वीडियो स्वचालित रूप से चलना शुरू हो जाएगा। हालाँकि, वीडियो को स्वतः प्रारंभ करना आपके दर्शकों के लिए कष्टप्रद हो सकता है!
नोट:
क्रोमियम ब्राउज़र अधिकांश मामलों में स्वचालित सक्रियण की अनुमति नहीं देते हैं। हालाँकि, अक्षम स्वचालित संचालन की हमेशा अनुमति होती है।
अपने वीडियो को स्वचालित रूप से चलाने के लिए (लेकिन अक्षम)autoplay=1बादmute=1जोड़ें
यूट्यूब - ऑटो प्ले + अक्षम करें
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>यूट्यूब सूची
चलाने के लिए वीडियो की अल्पविराम से अलग की गई सूची (मूल URL के अतिरिक्त)।
यूट्यूब रीप्ले
अपने वीडियो को हमेशा रिपीट पर चालू रखने के लिएplaylist=videoIDऔरloop=1जोड़ें
loop=0(डिफ़ॉल्ट) - वीडियो केवल एक तरफ चलेगा।loop=1- वीडियो बार-बार (हमेशा) चलेगा।
यूट्यूब - हमेशा के लिए लूपिंग
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>यूट्यूब प्रतिबंध
वीडियो प्लेयर में नियंत्रण प्रदर्शित न करने के लिएcontrols=0जोड़ें
controls=0- ड्राइवर नियंत्रण प्रदर्शित नहीं होते हैं.controls=1(डिफ़ॉल्ट) - ड्राइवर नियंत्रण प्रदर्शित होते हैं।
यूट्यूब - प्रतिबंध
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>यूट्यूब यूआरएल पैरामीटर
autoplay
वीडियो को ऑटोप्ले करें
0- कोई चूक नहीं)
1- हाँ
mute
वीडियो बंद करें
0- कोई चूक नहीं)
1- हाँ
controls
ड्राइवर नियंत्रण दिखाएँ
0- छिपाना
1- दिखाएँ (डिफ़ॉल्ट)
loop
वीडियो फिर से चलाएं
0- अरुतारिका (डिफ़ॉल्ट)
1- पुनरावर्तन
rel
संबंधित वीडियो दिखाएं
0- छिपाना
1- दिखाएँ (डिफ़ॉल्ट)
modestbranding
YouTube लोगो छोटा करें
0- गलती करना
1- कम लोगो
यूआरएल पैरामीटर जोड़ना:
एकाधिक मापदंडों को संयोजित करने के लिए,&प्रतीक का प्रयोग करें:
?autoplay=1&mute=1&controls=0&loop=1
पूरा उदाहरण
यूट्यूब वीडियो एम्बेडिंग - पूर्ण उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>YouTube Video Example - Jassif Team</title>
</head>
<body>
<h1>HTML YouTube Video Embedding</h1>
<!-- YouTube Video with Parameters -->
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=0&mute=0&controls=1&loop=0"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>
</body>
</html>