HTML <source> टैग

  • पिछला पृष्ठ <small>
  • अगला पृष्ठ <span>

वर्णन और उपयोग

<source> टैग उपयोग करता है ताकि मीडिया एलीमेंट (जैसे <video>、<audio> और <picture>）कई मीडिया संसाधन निर्दिष्ट करें

<source> टैग आपको विकल्पीय वीडियो/आडियो/छवि फ़ाइल निर्दिष्ट करने की अनुमति देता है, ब्राउज़र इसे समर्थित पहला चुनेगा <source>。

और देखें:

HTML पाठ्यक्रम:HTML वीडियो

HTML पाठ्यक्रम:HTML ऑडियो

HTML DOM संदर्भ पुस्तक:स्रोत ऑब्जैक्ट

उदाहरण

उदाहरण 1

यह दो आडियो स्रोत फ़ाइलों वाला एक ऑडियो प्लेयर है। ब्राउज़र इसे समर्थित पहला चुनेगा <source>:

<audio controls>
  <source src="song.ogg" type="audio/ogg">
  <source src="song.mp3" type="audio/mpeg">
  आपका ब्राउज़र audio टैग को समर्थित नहीं करता है।
</audio>

स्वयं का प्रयोग करें

उदाहरण 2

यहाँ पर <video> में इस्तेमाल करें <source> वीडियो चालू करें:

<video width="640" height="400" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  आपका ब्राउज़र वीडियो टैग को समर्थित नहीं करता है।
</video>

स्वयं का प्रयोग करें

उदाहरण 3

यहाँ पर <picture> में इस्तेमाल करें <source> दृश्यगोष्ठी चौड़ाई के अनुसार अलग-अलग छवि निर्धारित करने के लिए इस्तेमाल करें:

<picture>
  <source media="(min-width:650px)" srcset="flowers-1.jpg">
  <source media="(min-width:465px)" srcset="flowers-2.jpg">
  <img src="flowers-3.jpg" alt="Flowers" style="width:auto;">
</picture>

स्वयं का प्रयोग करें

गुण

गुण मूल्य वर्णन
media मीडिया क्वेरी किसी भी वैध मीडिया क्वेरी को स्वीकार करता है, जो आमतौर पर CSS में परिभाषित होता है।
sizes विभिन्न पृष्ठ रूपांकन के लिए छवि आकार निर्दिष्ट करता है।
src URL

मीडिया फाइल के URL को निर्दिष्ट करने के लिए उपयोग किया जाता है।

जब <source> को <audio> और <video> के लिए उपयोग किया जाता है तो यह गुण अनिवार्य है।
srcset URL

विभिन्न स्थितियों में प्रयोग के लिए इमेज के URL को निर्दिष्ट करने के लिए प्रयोग किया जाता है

जब <source> <picture> के लिए प्रयोग किया जाता है तो यह गुण आवश्यक है
type MIME टाइप संसाधन के MIME टाइप को निर्धारित करते हैं

वैश्विक गुण

<source> टैग इसके अलावा भी HTML में वैश्विक गुण。

इवेंट गुण

<source> टैग इसके अलावा भी HTML में इवेंट गुण。

डिफ़ॉल्ट की CSS सेटिंग

इनका

ब्राउज़र सहारा

तालिका में दिए गए संख्या इस गुण को पूर्णता से सहारा देने वाले पहले ब्राउज़र का संस्करण को सूचित करते हैं।

च्रोम एज फायरफॉक्स सफारी ओपेरा
च्रोम एज फायरफॉक्स सफारी ओपेरा
4.0 9.0 3.5 4.0 10.5
  • पिछला पृष्ठ <small>
  • अगला पृष्ठ <span>