Table of Contents
What is the HTML Media?
HTML Media Web Pages पर Video और Audio जैसे Multimedia Content को दिखाने के लिए उपयोग होता है। यह विभिन्न Elements और Attributes का उपयोग करता है।
What is Video Element?
- HTML 5 <video> Element को भी Support करता है।
- HTML Video Element का उपयोग Web Page पर Movie Clip, Song Clip जैसे Video Files को Stream करने के लिए किया जाता है।
- वर्तमान में, HTML Video Element के लिए समर्थित तीन Video Format हैं:
- mp4
- webM
- ogg
Attributes of Video Element
Example of Video Element
<!DOCTYPE html>
<html lang="en">
<head>
<title>Video Element</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<h1>Example of Video Element</h1>
<video width="50%" height="200" controls autoplay loop>
<source src="waves.mp4" type="video/mp4">
Your browser does not support the html video tag.
</video>
</body>
</html>
What is HTML Audio Element?
- HTML Audio Element का उपयोग Song और अन्य Audio जैसी Sounds को Define करने के लिए किया जाता है।
- वर्तमान में HTML 5 Audio Element के लिए तीन समर्थित File Format हैं।
- mp3
- wav
- ogg
Attribute of HTML Audio
| Attribute | Description |
|---|---|
|
Controls |
यह उन Audio Controls को Define करता है जो Play/Pause Button के साथ Display होते हैं। |
|
Autoplay |
यह Specified करता है कि Audio तैयार होते ही चलना शुरू हो जाएगा। |
|
Loop |
यह Specified करता है कि हर बार पूरा होने पर Audio File फिर से शुरू हो जाएगी। |
|
Muted |
इसका उपयोग Audio Output को Mute करने के लिए किया जाता है। |
|
Preload |
यह Page Load होने पर Audio File Upload करने के लिए Author View को Specified करता है। |
|
src |
यह Audio File के Source URL को Specified करता है। |
Example of Audio Element
<!DOCTYPE html>
<html lang="en">
<head>
<title>Audio Element</title>
<link rel="icon" href="favicon.ico" type="image/x-icon" />
</head>
<body>
<h1>Example of Audio Element</h1>
<audio controls autoplay loop>
<source src="koyal.mp3" type="audio/mpeg">
</audio>
</body>
</html>
Trending Today
Facebook
Pinterest
LinkedIn
WhatsApp
