टैग video
टैग video HTML पेज पर वीडियो जोड़ने की अनुमति देता है।
इसकी मदद से इस वीडियो को नियंत्रित भी किया जा सकता है।
वीडियो फ़ाइल का पथ
एट्रिब्यूट src या नेस्टेड टैग source के माध्यम से निर्दिष्ट किया जाता है।
यदि आप वीडियो के प्लेबैक को नियंत्रित करने के लिए प्लेयर देखना चाहते हैं
- एट्रिब्यूट controls जोड़ना चाहिए।
इसके बिना आप कुछ भी नहीं देखेंगे - आवाज और छवि
भी नहीं होगी।
कभी-कभी वीडियो को सीधे वेबसाइट पर होस्ट करना
बहुत सुविधाजनक नहीं होता (उदाहरण के लिए, आपकी होस्टिंग में
वेबसाइट के आकार की सीमा होती है)। इस मामले में
वीडियो को YouTube पर अपलोड किया जा सकता है और
टैग iframe की मदद से एम्बेड किया जा सकता है।
एट्रिब्यूट्स
| एट्रिब्यूट | विवरण |
|---|---|
src |
वीडियो फ़ाइल का पथ निर्दिष्ट करता है।
लेकिन इसके लिए टैग source का उपयोग करना बेहतर है
(इस मामले में विभिन्न फॉर्मेट में वीडियो निर्दिष्ट करना संभव होगा)।
|
preload |
वेबसाइट पेज लोड होने के साथ ही वीडियो फ़ाइल लोड करने के लिए उपयोग किया जाता है।
स्वीकार्य मान: none (फ़ाइल लोड न करें, डिफ़ॉल्ट रूप से),
metadata (केवल मेटाडेटा लोड करें: अवधि आदि),
auto (HTML पेज लोड होते ही पूरा वीडियो लोड करें)।
|
autoplay |
पेज लोड होते ही ऑडियो चलना शुरू हो जाता है,
इस स्थिति में preload एट्रिब्यूट की उपस्थिति को नजरअंदाज कर दिया जाएगा।
बिना मान वाला एट्रिब्यूट। |
controls |
वीडियो में कंट्रोल पैनल जोड़ता है।
बिना मान वाला एट्रिब्यूट। डिफ़ॉल्ट रूप से (यदि एट्रिब्यूट नहीं है) पैनल नहीं जोड़ा जाता है। |
loop |
ऑडियो को "लूप" में दोहराता है:
खत्म होने के बाद यह फिर से चलना शुरू कर देगा।
बिना मान वाला एट्रिब्यूट। डिफ़ॉल्ट रूप से (यदि एट्रिब्यूट नहीं है) ऑडियो केवल 1 बार चलेगा।
|
poster |
उस छवि का पथ, जो तब दिखाई देगी जब वीडियो उपलब्ध नहीं है या नहीं चल रहा है।
यदि poster एट्रिब्यूट निर्दिष्ट नहीं है, तो ब्राउज़र वीडियो का पहला फ्रेम दिखाने का प्रयास करेगा।
|
height |
एट्रिब्यूट height वीडियो प्लेबैक एरिया की ऊंचाई निर्धारित करता है (पिक्सेल
या प्रतिशत में)।
वीडियो स्वयं अपना आकार बढ़ाता या घटाता है, दी गई ऊंचाई के अनुसार समायोजित होता है,
लेकिन इसके अनुपात इस दौरान नहीं बदलते।
डिफ़ॉल्ट मान: ऊंचाई वीडियो के पैरामीटर से ली जाती है, यदि यह मान उपलब्ध नहीं है, तो height एट्रिब्यूट का मान
poster एट्रिब्यूट की छवि की ऊंचाई के बराबर माना जाता है।
यदि poster भी निर्दिष्ट नहीं है - ऊंचाई
150 पिक्सेल पर सेट हो जाती है।
|
width |
एट्रिब्यूट width वीडियो प्लेबैक एरिया की चौड़ाई निर्धारित करता है (पिक्सेल
या प्रतिशत में)।
वीडियो स्वयं अपना आकार बढ़ाता या घटाता है, दी गई चौड़ाई के अनुसार समायोजित होता है,
लेकिन इसके अनुपात इस दौरान नहीं बदलते।
डिफ़ॉल्ट मान: चौड़ाई वीडियो के पैरामीटर से ली जाती है, यदि यह मान उपलब्ध नहीं है, तो width एट्रिब्यूट का मान
poster एट्रिब्यूट की छवि की चौड़ाई के बराबर माना जाता है।
यदि poster भी निर्दिष्ट नहीं है - चौड़ाई
150 पिक्सेल पर सेट हो जाती है।
|
उदाहरण . वेबसाइट पेज पर प्लेयर
आइए पेज पर एक वीडियो प्लेयर जोड़ें।
उन ब्राउज़रों के लिए, जो
टैग video का समर्थन नहीं करते, इसके बारे में एक विशेष नोट
छोड़ा गया है:
<video src="moovie.mp4" controls>
आपका ब्राउज़र HTML5 पर video का समर्थन नहीं करता।
</video>
उदाहरण .
आइए टैग video के लिए
टैग source जोड़ें:
<video>
<source src="moovie.mp4" controls>
आपका ब्राउज़र HTML5 पर video का समर्थन नहीं करता।
</video>