HTML 5 Tag:
4. Audio Tag:-
<audio> टैग का उपयोग ऑडियो को HTML फ़ाइल में play करनेके लिए किया जाता है
There are 3 Supported Format : mp3, wav and ogg
Attribute |
Value |
Description |
autoplay |
autoplay |
html page load होते ही या फिर html page refresh होते ही, उसमे लगी audio file automatic play हो, उसके लिए autoplay attribute लगायी जाती है | |
controls |
controls |
augio file को html में run होने के लिए controls attribute लगाना जरुरी होता है | इसके बिना audio tag काम नहीं करेगी|(such as a play/pause button etc) |
loop |
loop |
loop attribute से audio file बार बार चलता रहेगा | |
muted |
muted |
इस attribute से audio file mute होकर play होगी | आप sound option पे click करके इसे volume दे सकते हैं | |
src |
URL |
Specifies the URL of the audio file |
Type |
Mpeg |
Determines the type of audio file. |
Syntax:-<audio attributes>
<source src=”audio filename” type=”file type”>
</audio>
5. Video tag:-
video tag html5 की एक नयी tag है। html में किसी video file को जोड़ने के लिए <video> tag का इस्तेमाल होता है। video file जैसे की कोई video clip या कोई video recording किसी वेबसाइट में दिखाना हो तो, html में <video> tag के जरिये कर सकतें हैं।
पुराने browsers video tag को support नहीं करते। नए browsers कुछ video formats को support करती है
.There are 3 Supported Format : MP4, ogg, WebM
Attribute |
Value |
Description |
autoplay |
autoplay |
html page load होते ही या फिर html page refresh होते ही, उसमे लगी video file automatic play हो, उसके लिए autoplay attribute लगायी जाती है | |
controls |
controls |
video file को html में run होने के लिए controls attribute लगाना जरुरी होता है| इसके बिना video tag काम नहीं करेगी| |
height |
pixels |
किसी file को सही layout देने के लिए width और height की जरुरत होती है| इसीलिए video file की height सेट करने के लिए height attribute का इस्तेमाल किया जाता है |
loop |
loop |
loop attribute से video file बार बार चलता रहेगा |
muted |
muted |
इस attribute से video file mute होकर play होगी| आप sound option पे click करके इसे volume दे सकते हैं| |
src |
URL |
Specifies the URL of the video file |
width |
pixels |
width attribute से video file की width यानि चौडाई सेट कर सकते हैं browser में video file को सही layout में रखने के लिए width attribute मददकरती है |
Poster |
url |
poster attribute से video file में कोई thumbnail लगा सकतें हैं| वैसे आपने देखा होगा video file play होने से पेहले एक thumbnail आती है जिससे video किस तरह की है पता चलता है| वैसे ही html में video में thumbnail लगाने के लिए इसी attribute का इस्तेमाल किया जाता है| |
Preload |
Auto, none, metatag |
preload attribute से video file के icons को control किया जाता है | इस attribute के 3 values होतें हैं वो है 1. auto, 2.metatag, 3.none |
Syntax:-<video attributes>
<source src=”video filename” type=”file type”>
</video>
HTML 5 Tag:-
4. Audio Tag
The <audio>… </audio> tag defines sound, such as music or other audio streams.
There are 3 Supported Format : mp3, wav and ogg
Attribute |
Value |
Description |
autoplay |
autoplay |
Specifies that the audio will start playing as soon as it is ready |
controls |
controls |
Specifies that audio controls should be displayed (such as a play/pause button etc) |
loop |
loop |
Specifies that the audio will start over again, every time it is finished |
muted |
muted |
Specifies that the audio output should be muted |
src |
URL |
Specifies the URL of the audio file |
Type |
Mpeg |
Determines the type of audio file. |
Syntax:- <audio attributes>
<source src=”audio filename” type=”file type”>
</audio>
5. Video tag
The <video>…. </video> tag is used to play video files.
There are 3 Supported Format : MP4, ogg, WebM
Attribute |
Value |
Description |
autoplay |
autoplay |
Play a video file immediately or automatically on the loading of a web page |
controls |
controls |
Display the controls on a web page such as a play button etc |
height |
pixels |
Sets the height of the video player |
loop |
loop |
Specifies that the video will start over again, every time it is finished |
muted |
muted |
Specifies that the audio output of the video should be muted |
src |
URL |
Specifies the URL of the video file |
width |
pixels |
Sets the width of the video player |
Syntax:- <video attributes>
<source src=”video filename” type=”file type”>
</video>