ہیٹل HTML <source> کا بل

تعریف اور استعمال

<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> کے لئے استعمال کیا جاتا ہے تو اس امتیاز ضروری ہوتا ہے۔
نوعیت MIME نوعیت مزید کا نوعیت مقرر کرتا ہے

عالمی امتیاز

<source> تگ بھی HTML میں عالمی امتیاز。

امتیاز امتیاز

<source> تگ بھی HTML میں واقعی امتیاز。

مقابلہ کا پیشkam CSS تنظیم

کچھ نہیں

براوزر کا استعمال

جداول میں شماراں نے پہلی بار اس امتیاز کو پورا کرنے والی براوزر کی نسخہ کا نشان دے دیا ہے۔

کروم ایج فائر فاکس سافری اپرا
کروم ایج فائر فاکس سافری اپرا
4.0 9.0 3.5 4.0 10.5