برچسب <source> در اچ‌تی‌ام‌ال

از ویکی‌کد، دانشنامهٔ برنامه‌نویسی
پرش به ناوبری پرش به جستجو
منابع چند رسانه‌ای را برای عناصر رسانه تعریف می‌کند (<video> و <audio>)
معرفی شده در نسخهٔ:۲
حذف شده در نسخهٔ: هنوز در حال استفاده است
ویژگی‌های مجاز:به پائین مراجعه کنید
تنظیمات پیش‌فرض CSS:ندارد

{{منو اسکرول چپ|نام منو={{مرجع منو اچ‌تی‌ام‌ال|expanded=مرجع}}}}

مثال

یک پخش‌کنندهٔ صوتی با دو فایل منبع. مرورگر باید انتخاب کند که برای کدام فایل پشتیبانی دارد:


مثال‌های بیشتری از «مشاهدهٔ نتیجه» در زیر.

تعریف و کاربرد

برچسب <source> برای مشخص‌کردن چندین منبع رسانه‌ای برای عنصرهای رسانه‌ای همچون <video>،<audio> و <picture> است.[۱]

برچسب <source> به شما اجازه می‌دهد تا فایل‌های ویدیو/صدا/تصویر جایگزین را مشخص کنید که مرورگر از بین آن‌ها بر اساس نوع رسانه، پشتیبانی از کُدِک یا کوئری رسانه انتخاب می‌کند.

پشتیبانی مرورگر

عددهای موجود در جدول، نخستین نسخهٔ مرورگری را مشخص می‌کنند که بطور کامل از عنصر پشتیبانی می‌کند.

عنصر Chrome Internet Explorer / Edge Firefox Safari Opera
<source> 4.0 9.0 3.5 4.0 10.5

ویژگی‌ها

ویژگی مقدار شرح
src URL وقتی که <source> در <audio> و <video> استفاده می‌شود الزامی است. URL فایل رسانه را مشخص می‌کند
srcset URL وقتی که <source> در <picture> استفاده می‌شود الزامی است. URL تصویر را برای استفاده در موقعیت‌های مختلف مشخص می‌کند.
media media_query هر کوئری رسانهٔ معتبری را که معمولاً در CSS تعریف می‌شود قبول می‌کند
sizes اندازه‌های تصویر را برای طرح‌بندی‌های (layouts) مختلف صفحه مشخص می‌کند
type MIME-type نوع MIME از منبع را مشخص می‌کند

ویژگی‌های سراسری

همچنین برچسب <source> از ویژگی‌های سراسری (Global Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

ویژگی‌های رویداد

همچنین برچسب <source> از ویژگی‌های رویداد (Event Attributes) در اچ‌تی‌ام‌ال پشتیبانی می‌کند.

مثال‌های بیشتر

مثال

یک عنصر <picture> با دو فایل منبع، و یک تصویر برگشتی:


صفحات مرتبط

  • آموزش اچ‌تی‌ام‌ال: ویدیو در اچ‌تی‌ام‌ال (HTML Video)
  • آموزش اچ‌تی‌ام‌ال: صدا در اچ‌تی‌ام‌ال (HTML Audio)
  • مرجع DOM اچ‌تی‌ام‌ال: شی Source (Source Object)

تنظیمات پیش‌فرض CSS

ندارد.

منابع آموزشی