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

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

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

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

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

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

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

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

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

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

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

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

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

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

एचटीएमएल वीडियो


HTML <video>तत्व का उपयोग वेब पेज पर वीडियो दिखाने के लिए किया जाता है।


उदाहरण

बिग बक बनी के सौजन्य से :


HTML <वीडियो> तत्व

HTML में वीडियो दिखाने के लिए, <video>तत्व का उपयोग करें:

उदाहरण

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

यह काम किस प्रकार करता है

विशेषता वीडियो नियंत्रणों को controlsजोड़ती है, जैसे चलाएं, रोकें और वॉल्यूम करें।

widthहमेशा शामिल करना और heightविशेषताएँ देना एक अच्छा विचार है । यदि ऊंचाई और चौड़ाई सेट नहीं है, तो वीडियो लोड होने पर पृष्ठ झिलमिलाहट कर सकता है।

तत्व आपको उन वैकल्पिक वीडियो फ़ाइलों को निर्दिष्ट करने की <source>अनुमति देता है जिन्हें ब्राउज़र चुन सकता है। ब्राउज़र पहले मान्यता प्राप्त प्रारूप का उपयोग करेगा।

<video>टैग और टैग के बीच का टेक्स्ट केवल उन ब्राउज़र में प्रदर्शित होगा जो तत्व </video>का समर्थन नहीं करते हैं ।<video>


एचटीएमएल <वीडियो> ऑटोप्ले

स्वचालित रूप से वीडियो प्रारंभ करने के लिए, autoplayविशेषता का उपयोग करें:

उदाहरण

<video width="320" height="240" autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

नोट: क्रोमियम ब्राउज़र ज्यादातर मामलों में ऑटोप्ले की अनुमति नहीं देते हैं। हालांकि, म्यूट ऑटोप्ले की हमेशा अनुमति होती है।

अपने वीडियो को अपने आप चलने देने के लिए mutedबाद में जोड़ें (लेकिन मौन): autoplay

उदाहरण

<video width="320" height="240" autoplay muted>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

ब्राउज़र समर्थन

तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से <video>तत्व का समर्थन करता है।

Element
<video> 4.0 9.0 3.5 4.0 10.5


एचटीएमएल वीडियो प्रारूप

तीन समर्थित वीडियो प्रारूप हैं: MP4, WebM और Ogg। विभिन्न स्वरूपों के लिए ब्राउज़र समर्थन है:

Browser MP4 WebM Ogg
Edge YES YES YES
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES NO
Opera YES YES YES

HTML वीडियो - मीडिया प्रकार

File Format Media Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

HTML वीडियो - तरीके, गुण और घटनाएँ

<video>HTML DOM तत्व के लिए विधियों, गुणों और घटनाओं को परिभाषित करता है।

यह आपको वीडियो लोड करने, चलाने और रोकने के साथ-साथ अवधि और वॉल्यूम सेट करने की अनुमति देता है।

ऐसे DOM ईवेंट भी हैं जो आपको वीडियो के चलने, रुकने आदि के बारे में सूचित कर सकते हैं।

उदाहरण: जावास्क्रिप्ट का उपयोग करना




वीडियो बिग बक बनी के सौजन्य से

संपूर्ण DOM संदर्भ के लिए, हमारे HTML ऑडियो/वीडियो DOM संदर्भ पर जाएं ।


एचटीएमएल वीडियो टैग

Tag Description
<video> Defines a video or movie
<source> Defines multiple media resources for media elements, such as <video> and <audio>
<track> Defines text tracks in media players