How to learn free HTML in Hindi Part-7 Full Detail

How to learn free HTML in Hindi Part-7 (2022)

Learn HTML Part 7

PLAY VIDEO IN HTML

हमारे वेब पेज पर video कैसे प्ले करें?

[How to Play Video using HTML?]

जब भी आप किसी वेबसाइट पर Visit करते है तो कभी कभी हमारे सामने कई प्रकार की videos आती है जिन्हें हम हमारे Browser पर प्ले कर सकते है | अगर आप सोचते है की आपके वेब पेज पर भी videos add हो सकती है क्या ? तो हाँ !! आप भी अपने वेब पेज पर अपनी इच्छा से कोई भी video को add करके उसे play करा सकते है |

हमने Learn HTML Part 6 Article में यह देखा था की कैसे हम हमारे web Page में Form format बना सकते है जिससे user हमारी वेबसाइट को visit करता है तो उसे पहले फॉर्म fill करना होता है | हमने देखा था की कैसे हम अपनी इच्छा से input type select करके फॉर्म बना सकते है |

Add Video in HTML

आप जब भी अपना कोई वेब पेज बनाते है तो उसमें आप कुछ images add करते है जिससे आपका web page काफी अच्छा दिखता है और आप चाहते है की आपके वेब पेज पर कोई video भी add हो जाये तो आप ये काम html की सहायता से बहुत ही आराम से कर सकते है |

html से video add करने के लिए आप दो type के teg को use कर सकते है :

· <embed>

· <video>

ये दोनों ही tegs हमारे web page में video add करने के लिए काम में लिए जाते है इनमे एक छोटा सा अंतर होता है जिससे हम अपनी सुविधा के अनुसार इनका use करते है |

Embed Teg

जब भी आप html में embed teg का use करते हो तो जो video आपके वेब पेज पर display होगी उसमे Full Screen का option नही होता है जिससे जब भी कोई उस video को प्ले करता है तो वह video उसी size में चलेगा जो हम उसके लिए html में देगें |

embed teg use करने के लिए आप निम्न प्रकार से coding कर सकते है :--

<html>

<body>

<h3>AbhayTech4U</h3>

<hr>

<h2> *Add Video In Html* </h2>

<hr>

<embed src="type here Video Name" width="Choose Your Size" height=" Choose Your Size ">

</body>

</html>

आप जैसे ही उपर लिखे code को अपने html प्रोग्राम में add करेगे आपको आउटपुट में अपने वेब पेज पर video मिल जायेगा, यहाँ आपको एक चीज का और ध्यान रखना जरूरी है की आप जब भी embed teg का use करके video add करते है तो जब भी कोई उस वेब पेज पर visit करेगा वो video आपके वेब पेज पर autoplay हो जाती है |

Video Teg

जिस प्रकार से हम embed teg का use करके हमारे web page पर video add करते है उसी प्रकार से video teg का use करके भी web page पर videos को add किया जा सकता है | video teg का use करने से हमारी video में Full Screen का option भी आ जायेगा यानि जब भी कोई हमारे web page पर इस video को देखेगा तो वह उस video को फुल स्क्रीन करके भी देख सकता है | video teg से video add करने के लिए निम्न code का use करते है

<html>

<body>

<h3>AbhayTech4U</h3>

<hr>

<h2> *Add Video In Html* </h2>

<hr>

<video src="video type or name" controls width="Choose size" height=" Choose size "> </video>

</body>

</html>

video teg एक closing teg होता है अर्थात् इसे शुरु करने के बाद बंद भी करना होता है हम सारा काम opening video teg में ही करते है |

~~ यहाँ controls word भी काम में लिया गया है क्योंकि video teg से जब भी हम कोई video add करते है तो उसमे controls automatic add नही होते है इसलिए controls का use किया जाता है |

~~ video teg से जो video हम हमारे वेब पेज पर add करते है वो automatic प्ले नही होती है अब अगर आप चाहते है की वो video अपने आप प्ले हो तो आपको opening video teg में एक autoplay element को और add करना होगा जो ये है ::--

<video src="type here Video Name" width="Choose Your Size" height=" Choose Your Size " autoplay= “autoplay” > </video>

NOTE :- जब भी आप html में कोई भी src यानि source फाइल add करते है तो वो फाइल तभी हमारे web page पर display होगी जब वो फाइल उसी folder में हो जहाँ हम अपने html प्रोग्राम को सेव करते है |