Video Tag In Html-विडियो टैग इन हिंदी

Video Tag In Html

नमस्कार दोस्तों ! इस post में हम video tag के बारे में पड़ेंगे की हम किसी html web page  में किसी video को केसे insert करते है. और साथ ही साथ हम उसके attributes के बारे में भी जानेगे तो चलिए शुरु करते है.

What is Video Tag in Hindi

जब भी हमें अपने html web page में video लगाना होता है तो  हम  video  टैग का use करते है जिसके द्वारा हम अपने web page में कही पर भी video  insert कर सकते है

इसका opening tag <video>  तथा </video> closing tag होता है

HTML <video> tag का उपयोग HTML पेज पर video को डिस्प्ले (display) करने के लिए किया जाता हैं या कह सकते हैं की HTML video element का उपयोग विडियो को HTML पेज में embed करने के लिए किया जाता हैं ।

चलिए उदाहरण से समझते हैं ।

इसमें कुछ attributes होते है जिसकी help से हम इसमें बहुत से option का use कर सकते है

Audio Tag In Html-ऑडियो टैग इन हिंदी

HTML EDITOR

Examples of <Video> tag in HTML

<!DOCTYPE html>

<html>

<body>

<h1>The video element</h1>

<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>

</body>

</html>

Output

Video tag in html

What is Datagram Congestion Control Protocol In Hindi?

what is PPP (point-to-point protocol) in Hindi?

 

Video Tag  Attributes In Html

Attribute

Value

Description

Autoplay autoplay 

 

इस attributes से web page load होते ही Video चालू हो जाता है
Controls controls इस attributes से हमारे Video में control बटन आ जाते है जैसे की play/pause  mute volume button etc
Loop loop 

 

इस attributes से हमारा Video end होते ही दुबारा बार-बार  चालू हो जाता है जिसे हम loop कहते है
Muted muted इस attributes की help से हम by-default जब भी Video load होगा हो mute होगा अगर हमे उसकी volume चालू करनी होगी तो volume बटन पर click करके un-mute करना होगा
Preload auto
metadata
none
इस attributes की तीन value होती है 

Auto -जैसे ही Video load होते ही उसमें सारे control button load/show हो जाते है

None-इसके द्वारा control button में जो extra button hide हो जाते है जैसे ही हम Video play करते है वो सब show हो जाते है.

Matadata- Video से पहले browser उसकी सारी information import करता है फिर इसके बाद Video फाइल import करता है

SRC URL इसके द्वारा हम अपने Video  का path डालते है जिसे हमे अपने web page में डालना होगा .
poster URL इसके द्वारा हम अपने video का thumbnail लगा सकते है जो की web page में video load होते ही दिखायी देता है जो की एक image होती है.
Width Pixels इसका use कर हम अपने video की width को increase और decrease कर सकते है.
Height Pixels इसका use कर हम अपने video की Heightको increase और decrease कर सकते है.

Browser Support

हमने निचे दी गयी table में ये बताया है की सबसे जादा use होने वाले Video format किस किस  web browser को support करता है और किस को नहीं करते है निचे दी गयी table में बताया  गया है.

Browser MP4 WebM Ogg
Edge YES YES YES
Chrome YES YES YES
Firefox YES YES YES
Safari YES YES No
Opera YES YES YES

 

Note:-इस tutorial के लिए बस इतना ही। अगर आपको यह tutorial पसंद आया है. तो कृपया इसे अपने पसंदीदा सोशल नेटवर्क के माध्यम से दोस्तों को शेयर करना न भूलें।

Leave a Comment