वेबसाइट में विडियो भी एक अहम् भूमिका निभाती हैं । video भी कंटेंट का पार्ट होती है जिसके द्वारा HTML पेज पर video present की जाती हैं ।
इससे पहले tutorial में हमने HTML <audio> tag के बारे में सिखा था जहाँ पर हमने ऑडियो को HTML पेज में embed करके play की थी ।
इस tutorial में हम HTML <video> element या कह सकते हैं HTML <video> tag के बारे में सीखेंगे ।
HTML <video> tag | Hindi
HTML <video> tag का उपयोग HTML पेज पर video को डिस्प्ले (display) करने के लिए किया जाता हैं या कह सकते हैं की HTML video element का उपयोग विडियो को HTML पेज में embed करने के लिए किया जाता हैं ।
चलिए उदाहरण से समझते हैं ।
HTML <video> tag के उदाहरण
निचे दिए गए उदाहरण में हम video tag का उपयोग करके विडियो को पेज पर display कराएँगे ।
<!DOCTYPE html>
<html>
<head>
<title> HTML video tag in Hindi </title>
</head>
<body>
<video width="352" height="228" controls>
<source src="myvideo.mp4" type="video/mp4">
<source src="myvideo.ogg" type="video/ogg">
</video>
</body>
</html>
Output
उपर दिए गए उदाहरण में हमने HTML video tag के attribute height , width और controls का उपयोग किया हैं । जिनको निम्नलिखित प्रकार से समझा जा सकता हैं ।
width – विडियो कितने width में display होनी चाहिए ।
height- विडियो कितने height में display होनी चाहिए
controls – controls एक अन्य attribute हैं जिसका काम video को कण्ट्रोल करना जैसे – video play , pause और volume up and down ..
<source> - Source HTML का एके एलिमेंट हैं जिसे टैग भी कह सकते हैं source के src attribute में हम विडियो का नाम और विडियो का extension देते देते हैं । यदि विडियो अन्य फोल्डर में हैं तो उस फोल्डर का path भी src attribute में दिया जाता हैं ।
जैसे –
<source src="upload/myvideo.mp4" type="video/mp4">
उपर दिए गए HTML कोड में हमने upload के नाम से एक फोल्डर दिया हैं क्युकी हमारी विडियो किसी फोल्डर में भी हो सकती हैं इसलिए इस तरह से folder का path भी दिया जा सकता हैं ।
HTML video tag attribute autoplay
autoplay attribute एक अन्य attribute होता हैं जिसके द्वारा विडियो automatically पेज ओपन होते ही play हो जाती हैं ।
उपर दिए गए उदाहरण में आप देख सकते हैं की वहां पर विडियो को play करने के लिए play आइकॉन (icon) पर क्लिक करना पड़ता हैं पर यदि आप चाहते हो की video पेज ओपन होते ही आटोमेटिक (automatic) play हो जाये तब आप विडियो टैग के attribute autoplay का उपयोग कर सकते हैं ।
चलिए उदाहरण से समझते हैं ।
<!DOCTYPE html>
<html>
<head>
<title> HTML video tag attribute autoplay </title>
</head>
<body>
<video width="352" height="288" autoplay>
<source src="myvideo.mp4" type="video/mp4">
<source src="myvideo.ogg" type="video/ogg">
</video>
</body>
</html>
उपर दिए गए उदाहरण में आप देख सकते हैं की हमने विडियो टैग के साथ autoplay attribute दिया हैं जिसके कारण video खुद play हो जाती हैं ।
इस तरह से html video tag का उपयोग करके HTML पेज में विडियो को embed कराया जा सकता हैं ।
