Controls and attributes for multimedia elements html in hindi
किसी भी एचटीएमएल वेब पेज में मल्टीमीडिया ऑब्जेक्ट को इन्सर्ट करने में आप पर्टिकुलर <video> और <audio> टैग जैसे मल्टीमीडिया ऑब्जेक्ट को अपने डिजायर वेब पेज में इन्सर्ट या कभी भी एम्बेड कर सकते है, किसी एचटीएमएल वेब पेज में मल्टीमीडिया ऑडियो और वीडियो ऑब्जेक्ट को एम्बेड करते समय कई ऑडियो और वीडियो कण्ट्रोल और ऐट्रिब्यूट्स को हम अपनी जरूरत के अनुसार मैन्युअली रूप से मैनेज और कण्ट्रोल कर सकते है।
Audio and Video Different Controls and Attributes in HTML Web Page.
Multimedia <video> Tag Attributes
Video tag main attributes.
Video src attributes – मौजूदा एचटीएमएल वेब पेज में एम्बेड वीडियो फ़ाइल का स्टोरेज लोकेशन या पथ को डिफाइन करते है। यहाँ आप वीडियो को ऑनलाइन और ऑफलाइन दोनों माध्यम से मौजूदा वेब पेज में ऐड कर सकते है।
Video src source example.
<video src=”videoname.mp4″ controls></video>
video controls attributes – एम्बेडेड एचटीएमएल वेब पेज में प्ले, पॉज़ और वॉल्यूम, जैसे वीडियो प्लेबैक कण्ट्रोल को डिस्प्ले और मैनेज कर सकते है।
Video control example.
<video src=”videoname.mp4″ controls></video>
video autoplay attributes – वेब पेज इन्सर्ट वीडियो के डिफ़ॉल्ट प्ले मोड को ऑटोप्ले सेट कर सकते है. वीडियो ऑटोप्ले मोड में वीडियो अपने आप वेब पेज लोड होने पर प्ले हो जायेगा।
Video autoplay example.
<video src=”videoname.mp4″ autoplay></video>
video loop attributes – एचटीएमएल वेब पेज में एम्बेड वीडियो टर्मिनेट होने पर इनफिनिट टाइम तक वेब पेज में बार बार लूप होता रहता है। जब तक इस ऐट्रिब्यूट्स को वेब यूजर मैन्युअली रूप से टर्मिनेट नहीं करे.
Video loop example.
<video src=”videoname.mp4″ loop></video>
video muted attributes – यदि आप चाहे तो वेब पेज में एम्बेडेड वीडियो फाइल के प्ले होने पर वीडियो साउंड को प्रीव्यू में म्यूट कर देता है।
Video muted example.
<video src=”videoname.mp4″ muted></video>
video poster attributes – यदि आप चाहे की आपके वेब पेज में एम्बेडेड वीडियो के प्ले होने से पहले वीडियो फाइल के ऊपर एक ग्राफिकल इमेज या पोस्चर को डिस्प्ले कर सकते है.
Video posture example.
<video src=”videoname.mp4″ poster=”movie.jpg” controls></video>
video width or height attributes – मौजूदा वेब पेज में एम्बेड होने वाले वीडियो को वीडियो प्लेयर में हाइट और विड्थ के अनुसार किस डायमेंशन पिक्सेल या रेजोलुशन में डिस्प्ले करना है, ये प्रॉपर्टीज यहाँ से कॉन्फ़िगर करे.
Video width or height example.
<video src=”videoname.mp4″ width=”400″ height=”280″ controls></video>
video <source> Element example.
video src attributes – आप अपने एचटीएमएल वेब पेज में कई प्रकार के वीडियो फ़ाइल एक्सटेंशन का पथ या लोकेशन को जरूरत के अनुसार एम्बेड कर सकते है।
different Video embed example.
<video controls width=”400″ height=”340″>
<source src=”videoname.flv” type=”video/flv”>
<source src=”videoname.mkv” type=”video/mkv”>
if video not played, your web browser is too old update is.
</video>
video type attributes – मौजूदा वेब पेज में एम्बेड वीडियो के फ़ाइल का मीडिया एक्सटेंशन टाइप को डिस्प्ले कर सकते है।
Video type example.
<source src=”video.mp4″ type=”video/mp4″>
Html Video Tag Attributes Example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title> Html Video Tag</title>
</head>
<body>
<h2>Let Play Some Online Random Video</h2>
<video controls autoplay loop width=”600″ height=”450″ poster=”movieimage.jpg”>
<source src=”https://videos.pexels.com/video-files/18239063/18239063-hd_1920_1080_24fps.mp4″ type=”video/mp4″>
If Video Not Played, Your Web Browser Is Too Old, Update It.
</video>
<video controls autoplay loop width=”600″ height=”450″ poster=”movieimage.jpg”>
<source src=”https://videos.pexels.com/video-files/27378651/12129341_2560_1440_30fps.mp4″ type=”video/mp4″>
If Video Not Played, Your Web Browser Is Too Old, Update It.
</video>
</body>
</html>
multimedia <audio> tag attributes.
Audio tag main attributes.
audio src attributes – src ऑडियो ऐट्रिब्यूट्स मौजूदा एचटीएमएल वेब पेज में एम्बेड ऑडियो फ़ाइल का स्टोरेज पथ या सोर्स लोकेशन को डिफाइन करता है।
audio src attributes example.
<audio src=”audioname.mp3″ controls></audio>
audio controls attributes – मौजूदा एचटीएमएल वेब पेज में ऑडियो कंट्रोल्स जैसे, प्ले, पॉज़ और वॉल्यूम जैसे ऑडियो प्लेबैक कंट्रोल्स को मैनेज कर सकते है।
audio controls attributes example.
<audio src=”audioname.mp3″ controls></audio>
audio autoplay attributes – यदि आप अपने वेब पेज में एम्बेड ऑडियो फाइल में ऑटोप्ले फीचर्स को इनेबल करना चाहते है. ऑडियो ऑटोप्ले कण्ट्रोल अपने ऑडियो फाइल को वेब ब्राउज़र लोड होने पर ऑटोप्ले कर देगा।
audio autoplay attributes example.
<audio src=”audioname.mp3″ autoplay></audio>
audio loop attributes – यह ऑडियो फीचर्स आपको अपने एचटीएमएल वेब पेज में ऑडियो टर्मिनेट होने पर होने पर ऑडियो फाइल को इनफिनिट टाइम तक रिपीट कर सकते है।
audio loop attributes example.
<audio src=”audioname.mp3″ loop></audio>
audio mute attributes – वेब ब्राउज़र में डिस्प्ले होने वाले ऑडियो फाइल को डिफ़ॉल्ट रूप से म्यूट डिस्प्ले कर सकते है।
audio mute attributes example.
<audio src=”audio.mp3″ muted></audio>
audio <source> element example.
audio src attributes – आप अपने कस्टम एचटीएमएल वेब पेज में कई प्रकार के ऑडियो फ़ाइल एक्सटेंशन के लोकेशन या पथ को एम्बेड कर सकते है। वर्त्तमान समय में पॉपुलर ऑडियो फाइल एक्सटेंशन को अपनी जरूरत के अनुसार वेब पेज में इन्सर्ट करे।
<audio controls>
<source src=”audioname.mp3″ type=”audio/mp3″>
<source src=”audioname.ogg” type=”audio/ogg”>
if audio file extension not played, your web browser is too old.
</audio>
audio type attributes – अपने एचटीएमएल वेब पेज में एम्बेड की जाने वाली ऑडियो फ़ाइल एक्सटेंशन के टाइप इंडीकेट करता है।
audio type attributes example.
<source src=”audioname.mp3″ type=”audio/mp3″>
Html Audio Tag Attributes Example.
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Html Audio Tag </title>
</head>
<body>
<h2>Lets Play Some Audio Files </h2>
<audio controls autoplay loop muted>
<source src=”audiofilename.mp3″ type=”audio/mp3″>
If Audio Is Not Played, Your Web Browser Is Too Old, Update It.
</audio>
<audio controls autoplay loop muted>
<source src=”audiofilename.mp3″ type=”audio/mp3″>
If Audio Is Not Played, Your Web Browser Is Too Old, Update It.
</audio>
</body>
</html>
