హెచ్టిఎంఎల్ <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>

స్వయంగా ప్రయోగించండి

ఉదాహరణ 2

వీడియో లో వాడబడుతుంది <source> వీడియో ప్లే చేయండి:

<video width="640" height="400" controls>
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
  మీ బ్రౌజర్ వీడియో టాగ్ ను మద్దతు చేయలేదు.
</video>

స్వయంగా ప్రయోగించండి

ఉదాహరణ 3

పిక్చర్ లో వాడబడుతుంది <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

మీడియా ఫైల్ యూఆర్ఎల్ను నిర్దేశించడానికి వాడబడుతుంది.

నుంచి <audio> మరియు <video> వాడినప్పుడు ఈ అంశం అవసరం.
srcset URL

వివిధ సందర్భాలలో వాడిన చిత్రాల యొక్క URL ను నిర్దేశిస్తుంది.

పిక్చర్ లో <source> వాడబడితే, ఈ అట్రిబ్యూట్ అవసరం.
type MIME టైప్ వనరుల యొక్క MIME టైప్ ని నిర్వచిస్తుంది.

గ్లౌబల్ అట్రిబ్యూట్

<source> టాగ్ ఇతర మద్దతు కూడా కలిగి ఉంటుంది HTML లో గ్లౌబల్ అట్రిబ్యూట్.

ఇవెంట్ అట్రిబ్యూట్

<source> టాగ్ ఇతర మద్దతు కూడా కలిగి ఉంటుంది HTML లో ఇవెంట్ అట్రిబ్యూట్.

డిఫాల్ట్ CSS సెట్టింగ్

లేదు.

బ్రౌజర్ మద్దతు

పట్టికలో పేర్కొన్న నంబర్లు ఈ అట్రిబ్యూట్ ను పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ను చూపిస్తాయి.

చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
చ్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
4.0 9.0 3.5 4.0 10.5
  • ముంది పేజీ <small>
  • తదుపరి పేజీ <span>