HTML
मीडिया तत्व
खोज…
पैरामीटर
| गुण | विवरण |
|---|---|
| चौड़ाई | पिक्सेल में तत्व की चौड़ाई सेट करता है। |
| ऊंचाई | पिक्सेल में तत्व की ऊँचाई सेट करता है। |
<source> | ऑडियो या वीडियो फ़ाइलों के संसाधनों को परिभाषित करता है |
| धावन पथ | मीडिया तत्वों के लिए पाठ ट्रैक को परिभाषित करता है |
| नियंत्रण | नियंत्रण प्रदर्शित करता है |
| स्वत: प्ले | स्वचालित रूप से मीडिया खेलना शुरू करें |
| पाश | बार-बार चक्र में मीडिया चलाती है |
| मौन | बिना आवाज़ के मीडिया बजाता है |
| पोस्टर | एक वीडियो लोड होने तक प्रदर्शित करने के लिए एक छवि असाइन करता है |
टिप्पणियों
ब्राउज़रों में सहायता
| फ़ीचर | क्रोम | फ़ायरफ़ॉक्स (गेको) | इंटरनेट एक्स्प्लोरर | ओपेरा | सफारी |
|---|---|---|---|---|---|
| मूल समर्थन | 3.0 | 3.5 (1.9.1) | 9.0 | 10.50 | 3.1 |
<audio> : WAVE में PCM | (हाँ) | 3.5 (1.9.1) | समर्थन नहीं | 10.50 | 3.1 |
<audio> : वेबएम में वोरबिस | (हाँ) | 4.0 (2.0) | समर्थन नहीं | 10.60 | 3.1 |
<audio> : एमएसएम के माध्यम से वेबएम में स्ट्रीमिंग वोरबिस / ओपस | ? | 36.0 | ? | ? | ? |
<audio> : ऑग में वोरबिस | (हाँ) | 3.5 (1.9.1) | समर्थन नहीं | 10.50 | समर्थन नहीं |
<audio> : MP3 | (हाँ) | (हाँ) | 9.0 | (हाँ) | 3.1 |
<audio> : MP4 में एमपी 3 | ? | ? | ? | ? | (हाँ) |
<audio> : MP4 में AAC | (हाँ) | (हाँ) | 9.0 | (हाँ) | 3.1 |
<audio> : ऑगस में ओपस | 27.0 | 15.0 (15.0) | ? | ? | ? |
<video> : वेबपी में VP8 और वोरबिस | 6.0 | 4.0 (2.0) | 9.0 | 10.60 | 3.1 |
<video> : वेबपी में वीपी 9 और ओपस | 29.0 | 28.0 (28.0) | ? | (हाँ) | ? |
<video> : MSE के माध्यम से वेबएम को स्ट्रीम करना | ? | 42.0 (42.0) | ? | ? | ? |
<video> : ओरा में थियोरा और वोरबिस | (हाँ) | 3.5 (1.9.1) | समर्थन नहीं | 10.50 | समर्थन नहीं |
<video> : MP4 में H.264 और MP3 | (हाँ) | (हाँ) | 9.0 | (हाँ) | (हाँ) |
MP4 में <video> : H.264 और AAC | (हाँ) | (हाँ) | 9.0 | (हाँ) | 3.1 |
| कोई अन्य प्रारूप | समर्थन नहीं | समर्थन नहीं | समर्थन नहीं | समर्थन नहीं | 3.1 |
का उपयोग कर रहा है
दस्तावेज़ में वीडियो / ऑडियो सामग्री एम्बेड करने के लिए HTML या <audio> तत्व का उपयोग करें। वीडियो / ऑडियो तत्व में एक या अधिक वीडियो / ऑडियो स्रोत होते हैं। स्रोत निर्दिष्ट करने के लिए, या तो src विशेषता या <source> तत्व का उपयोग करें; ब्राउज़र सबसे उपयुक्त एक का चयन करेगा।
ऑडियो टैग उदाहरण:
<!-- Simple video example -->
<video src="videofile.webm" autoplay poster="posterimage.jpg">
Sorry, your browser doesn't support embedded videos,
but don't worry, you can <a href="videofile.webm">download it</a>
and watch it with your favorite video player!
</video>
<!-- Video with subtitles -->
<video src="foo.webm">
<track kind="subtitles" src="foo.en.vtt" srclang="en" label="English">
<track kind="subtitles" src="foo.sv.vtt" srclang="sv" label="Svenska">
</video>
<!-- Simple video example -->
<video width="480" controls poster="https://archive.org/download/WebmVp8Vorbis/webmvp8.gif" >
<source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.webm" type="video/webm">
<source src="https://archive.org/download/WebmVp8Vorbis/webmvp8_512kb.mp4" type="video/mp4">
<source src="https://archive.org/download/WebmVp8Vorbis/webmvp8.ogv" type="video/ogg">
Your browser doesn't support HTML5 video tag.
</video>
ऑडियो टैग उदाहरण:
<!-- Simple audio playback -->
<audio src="http://developer.mozilla.org/@api/deki/files/2926/=AudioTest_(1).ogg" autoplay>
Your browser does not support the <code>audio</code> element.
</audio>
<!-- Audio playback with captions -->
<audio src="foo.ogg">
<track kind="captions" src="foo.en.vtt" srclang="en" label="English">
<track kind="captions" src="foo.sv.vtt" srclang="sv" label="Svenska">
</audio>
ऑडियो
HTML5 एक वेब पेज पर एक ऑडियो फ़ाइल को एम्बेड करने के लिए एक नया मानक प्रदान करता है।
आप <audio> तत्व का उपयोग करके किसी ऑडियो फ़ाइल को पेज पर एम्बेड कर सकते हैं:
<audio controls>
<source src="file.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
वीडियो
आप <video> तत्व का उपयोग करके वेबपृष्ठ पर एक वीडियो भी एम्बेड कर सकते हैं:
<video width="500" height="700" controls>
<source src="video.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
वीडियो हेडर या बैकग्राउंड
एक वीडियो जोड़ना जो एक लूप पर ऑटोप्ले करेगा और जिसका कोई नियंत्रण या ध्वनि नहीं है। एक वीडियो हेडर या पृष्ठभूमि के लिए बिल्कुल सही।
<video width="1280" height="720" autoplay muted loop poster="video.jpg" id="videobg">
<source src="video.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
</video>
यदि वीडियो लोड नहीं किया जा सकता है तो यह CSS एक कमबैक प्रदान करता है। ध्यान दें कि यह वीडियो के पहले फ्रेम का पोस्टर वीडियो के रूप में उपयोग करने के लिए पुन: बनाया गया है। जेपीजी।
#videobg {
background: url(video.jpg) no-repeat;
background-size: cover;
}
Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow
