एचटीएमएल यूट्यूब वीडियो
HTML में वीडियो चलाने का सबसे आसान तरीका YouTube का उपयोग करना है।
वीडियो प्रारूपों के साथ संघर्ष?
वीडियो को विभिन्न प्रारूपों में परिवर्तित करना कठिन और समय लेने वाला हो सकता है।
एक आसान उपाय यह है कि YouTube को आपके वेब पेज में वीडियो चलाने दें।
YouTube वीडियो आईडी
जब आप कोई वीडियो सहेजते हैं (या चलाते हैं) तो YouTube एक आईडी (जैसे tgbNymZ7vqY) प्रदर्शित करेगा।
आप इस आईडी का उपयोग कर सकते हैं, और अपने वीडियो को HTML कोड में देख सकते हैं।
HTML में YouTube वीडियो चलाना
वेब पेज पर अपना वीडियो चलाने के लिए, निम्न कार्य करें:
- यूट्यूब पर वीडियो अपलोड करें
- वीडियो आईडी पर ध्यान दें
<iframe>
अपने वेब पेज में एक तत्व को परिभाषित करेंsrc
विशेषता को वीडियो URL की ओर इंगित करने देंwidth
खिलाड़ी के आयाम को निर्दिष्ट करने के लिए औरheight
विशेषताओं का उपयोग करें- URL में कोई अन्य पैरामीटर जोड़ें (नीचे देखें)
उदाहरण
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
YouTube ऑटोप्ले + म्यूट
autoplay=1
जब कोई उपयोगकर्ता पृष्ठ पर जाता है, तो YouTube URL में जोड़कर आप अपने वीडियो को स्वचालित रूप से चलने दे सकते हैं । हालाँकि, स्वचालित रूप से एक वीडियो शुरू करना आपके आगंतुकों के लिए कष्टप्रद है!
नोट: क्रोमियम ब्राउज़र ज्यादातर मामलों में ऑटोप्ले की अनुमति नहीं देते हैं। हालांकि, म्यूट ऑटोप्ले की हमेशा अनुमति होती है।
अपने वीडियो को स्वचालित रूप से चलने देने के लिए mute=1
बाद में जोड़ें (लेकिन मौन)।
autoplay=1
YouTube - ऑटोप्ले + म्यूट किया गया
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
यूट्यूब प्लेलिस्ट
चलाने के लिए वीडियो की अल्पविराम से अलग की गई सूची (मूल URL के अतिरिक्त)।
यूट्यूब लूप
loop=1
अपने वीडियो को हमेशा के लिए लूप करने के लिए जोड़ें ।
मान 0 (डिफ़ॉल्ट): वीडियो केवल एक बार चलेगा।
मान 1: वीडियो लूप (हमेशा के लिए) हो जाएगा।
यूट्यूब - लूप
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
यूट्यूब नियंत्रण
controls=0
वीडियो प्लेयर में नॉट डिस्प्ले कंट्रोल में जोड़ें ।
मान 0: प्लेयर नियंत्रण प्रदर्शित नहीं होता है।
मान 1 (डिफ़ॉल्ट): खिलाड़ी प्रदर्शन को नियंत्रित करता है।
यूट्यूब - नियंत्रण
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>