Video in HTML ka use web pages par video dikhane ke liye kiya jata hai. Video in HTML add karne ke liye <video> element use kiya jata hai jisse users directly browser mein video dekh sakte hain.
The HTML <video> Element
HTML mein Video in HTML show karne ke liye <video> element use kiya jata hai.
Example:
How it Works
-
controls attribute video ke controls add karta hai, jaise play, pause aur volume.
-
width aur height attributes dena achha hota hai. Agar width aur height set nahi karte, to video load hote waqt page thoda flicker ya jump kar sakta hai.
-
<source>element aapko alternative video files specify karne deta hai. Browser pehle supported format ko choose karega. -
<video>aur</video>ke beech ka text sirf un browsers mein dikhai dega jo<video>element ko support nahi karte.
Is tarah Video in HTML ko different browsers mein easily support mil jata hai.
HTML <video> Autoplay
Agar aap chahte ho ki Video in HTML automatically start ho jaye, to autoplay attribute use karte hain.
Example:
Note: Chromium based browsers aksar autoplay allow nahi karte. Lekin muted autoplay hamesha allowed hota hai. Agar aap chahte ho ki video automatically chale aur sound band rahe, to autoplay ke saath muted bhi add karo.
Browser Support
Table mein diye gaye numbers batate hain ki kaunse browser ke kaunse version ne <video> element ko pehli baar fully support kiya.
Element: <video>
-
Internet Explorer – 9.0
-
Chrome – 4.0
-
Firefox – 3.5
-
Safari – 4.0
-
Opera – 10.5
HTML Video Formats
Video in HTML ke liye teen main video formats supported hain:
-
MP4
-
WebM
-
Ogg
Different browsers ka support:
-
Edge – MP4: YES, WebM: YES, Ogg: YES
-
Chrome – MP4: YES, WebM: YES, Ogg: YES
-
Firefox – MP4: YES, WebM: YES, Ogg: YES
-
Safari – MP4: YES, WebM: YES, Ogg: NO
-
Opera – MP4: YES, WebM: YES, Ogg: YES
HTML Video – Media Types
| File Format | Media Type |
|---|---|
| MP4 | video/mp4 |
| WebM | video/webm |
| Ogg | video/ogg |
HTML Video – Methods, Properties, and Events
HTML DOM <video> element ke liye methods, properties aur events define karta hai. Inki madad se Video in HTML ko JavaScript ke through control kiya ja sakta hai.
JavaScript ki madad se aap:
-
Video load kar sakte ho
-
Play aur pause kar sakte ho
-
Duration check ya set kar sakte ho
-
Volume control kar sakte ho
DOM events bhi available hote hain jo batate hain ki video kab start hua, kab pause hua aur kab end hua.
Example: Using JavaScript
Is example mein button click karne par Video in HTML play aur pause hota hai.
