एचटीएमएल ट्यूटोरियल

एचटीएमएल होम एचटीएमएल परिचय एचटीएमएल संपादक एचटीएमएल बेसिक एचटीएमएल तत्व एचटीएमएल गुण एचटीएमएल शीर्षक एचटीएमएल पैराग्राफ एचटीएमएल शैलियाँ एचटीएमएल स्वरूपण एचटीएमएल कोटेशन एचटीएमएल टिप्पणियाँ एचटीएमएल रंग एचटीएमएल सीएसएस एचटीएमएल लिंक एचटीएमएल छवियाँ एचटीएमएल फ़ेविकॉन एचटीएमएल टेबल्स एचटीएमएल सूचियां एचटीएमएल ब्लॉक और इनलाइन एचटीएमएल क्लासेस एचटीएमएल आईडी एचटीएमएल इफ्रेम्स एचटीएमएल जावास्क्रिप्ट HTML फ़ाइल पथ एचटीएमएल हेड एचटीएमएल लेआउट एचटीएमएल उत्तरदायी एचटीएमएल कंप्यूटर कोड HTML शब्दार्थ एचटीएमएल स्टाइल गाइड एचटीएमएल इकाइयां एचटीएमएल प्रतीक एचटीएमएल इमोजी एचटीएमएल वर्णसेट एचटीएमएल यूआरएल एनकोड एचटीएमएल बनाम एक्सएचटीएमएल

एचटीएमएल फॉर्म

एचटीएमएल फॉर्म एचटीएमएल फॉर्म गुण एचटीएमएल फॉर्म एलिमेंट्स एचटीएमएल इनपुट प्रकार एचटीएमएल इनपुट गुण HTML इनपुट फॉर्म विशेषताएँ

एचटीएमएल ग्राफिक्स

एचटीएमएल कैनवास एचटीएमएल एसवीजी

एचटीएमएल मीडिया

एचटीएमएल मीडिया एचटीएमएल वीडियो एचटीएमएल ऑडियो एचटीएमएल प्लग-इन एचटीएमएल यूट्यूब

एचटीएमएल एपीआई

एचटीएमएल जियोलोकेशन एचटीएमएल ड्रैग/ड्रॉप एचटीएमएल वेब स्टोरेज एचटीएमएल वेब वर्कर्स एचटीएमएल एसएसई

एचटीएमएल उदाहरण

एचटीएमएल उदाहरण एचटीएमएल प्रश्नोत्तरी एचटीएमएल व्यायाम एचटीएमएल प्रमाणपत्र एचटीएमएल सारांश एचटीएमएल अभिगम्यता

एचटीएमएल संदर्भ

एचटीएमएल टैग सूची एचटीएमएल गुण HTML वैश्विक गुण एचटीएमएल ब्राउज़र समर्थन एचटीएमएल घटनाक्रम एचटीएमएल रंग एचटीएमएल कैनवास एचटीएमएल ऑडियो/वीडियो एचटीएमएल सिद्धांत एचटीएमएल कैरेक्टर सेट एचटीएमएल यूआरएल एनकोड एचटीएमएल लैंग कोड HTTP संदेश HTTP तरीके पीएक्स से ईएम कन्वर्टर कुंजीपटल अल्प मार्ग

एचटीएमएल यूट्यूब वीडियो


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>