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 ਵਿੱਚ ਈਵੈਂਟ ਪ੍ਰਤੀਯੋਗਿਤਾ。

ਮੂਲਤਵੀ ਸੀਐੱਸਐੱਸ ਸੈਟਿੰਗ

ਨਹੀਂ ਹੈ。

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਿਫਰ ਸ਼ੁਰੂ ਵਿੱਚ ਇਸ ਪ੍ਰਤੀਯੋਗਿਤਾ ਦਾ ਪਹਿਲਾ ਪੂਰਣ ਸਮਰਥਨ ਵਾਲਾ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ。

ਚਰਮੋਨੀ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਮੋਨੀ ਐਂਜਲ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
4.0 9.0 3.5 4.0 10.5
  • ਪਿਛਲਾ ਪੰਨਾ <small>
  • ਅਗਲਾ ਪੰਨਾ <span>