एचटीएमएल वीडियो
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 |