ویژگی رسانه‌های منبع
تعریف و استفاده
media تنظیم یا بازگشت مقدار ویژگی media در عناصر <source>.
<source> ویژگی media تعریف نوع رسانه‌های مورد نیاز (فایل برای چه رسانه‌ها/دستگاه‌هایی بهینه‌سازی شده است).
مرورگر می‌تواند از ویژگی media برای تعیین اینکه آیا می‌تواند فایل را پخش کند یا خیر استفاده کند. اگر نه، می‌تواند تصمیم بگیرد که فایل را دانلود نکند.
دستورالعمل HTML:برچسب <source> HTML
مثال
بازگشت اینکه فایل برای چه رسانه‌ها/دستگاه‌هایی بهینه‌سازی شده است:
var x = document.getElementById("mySource").media;
قوانین
بازگشت ویژگی media:
sourceObject.media
تنظیم ویژگی media:
sourceObject.media = value
نکته:این ویژگی می‌تواند چندین مقدار را پذیرا باشد.
عملگرهای ممکن
| مقادیر | توضیحات |
|---|---|
| and | تعریف عملگر AND. |
| not | تعریف عملگر NOT. |
| , | تعریف یا عملگر. |
دستگاه
| مقادیر | توضیحات |
|---|---|
| all | مناسب برای همه دستگاه‌ها. پیش‌فرض. |
| aural | تولید‌کننده صدای ماشینی. |
| braille | دستگاه‌های بازخورد نابینایان. |
| handheld | دستگاه‌های قابل حمل (صفحه نمایش کوچک، پهنای باند محدود). |
| projection | پروژکتور. |
| پیش‌نمایش چاپ/صفحه چاپ. | |
| screen | صفحه نمایش کامپیوتر. |
| tty | ماشین‌های تایپ‌کننده الکترونیکی با شبکه حروف ثابت و رسانه‌های مشابه. |
| tv | دستگاه‌های تلویزیونی (با رزولوشن پایین، توانایی چرخش محدود). |
مقادیر ویژگی
| مقادیر | توضیحات |
|---|---|
| width |
تعیین عرض منطقه نمایشگر هدف. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (min-width:500px)" |
| height |
تعیین ارتفاع منطقه نمایشگر هدف. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (max-height:700px)" |
| device-width |
تعیین عرض نمایشگر/کاغذ هدف. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (device-width:500px)" |
| device-height |
تعیین ارتفاع نمایشگر/کاغذ هدف. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (device-height:500px)" |
| orientation |
تعیین جهت نمایشگر/کاغذ هدف. ممکن‌ترین مقادیر: "portrait" یا "landscape". مثال: media="all and (orientation: landscape)" |
| aspect-ratio |
تعیین نسبت عرض به ارتفاع منطقه نمایشگر هدف. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (aspect-ratio:16/9)" |
| device-aspect-ratio |
تعیین نسبت عرض به ارتفاع دستگاه نمایشگر/کاغذ هدف. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (aspect-ratio:16/9)" |
| color |
تعیین تعداد بیت هر رنگ در نمایشگر هدف. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (color:3)" |
| color-index |
تعیین تعداد رنگ‌هایی که نمایشگر هدف می‌تواند پردازش کند. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (min-color-index:256)" |
| monochrome |
تعیین تعداد بیت هر پیکسل در فریم‌بوفر تک‌رنگ. می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="screen and (monochrome:2)" |
| resolution |
تعیین دقت پیکسل دستگاه نمایشگر/کاغذ هدف (dpi یا dpcm). می‌توان از پیشوند "min-" و "max-" استفاده کرد. مثال: media="print and (resolution:300dpi)" |
| scan |
تعیین می‌کند که روش اسکن نمایشگر تلویزیون چیست. ممکن‌ترین مقادیر "progressive" و "interlace" هستند. مثال: media="tv and (scan:interlace)" |
| grid |
تعیین می‌کند که دستگاه خروجی شبکه یا نقشه‌بندی است. ممکن‌ترین مقادیر شبکه "1" است، در غیر این صورت "0". مثال: media="handheld and (grid:1)" |
جزئیات فنی
| مقدار بازگشتی: | مقدار زبانی که نوع منابع رسانه‌ای را نشان می‌دهد. |
|---|
پشتیبانی مرورگر
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی | پشتیبانی |
نکته:اما هیچ مرورگر اصلی از ویژگی HTML media پشتیبانی نمی‌کند.
صفحات مرتبط
دستورالعمل HTML:ویژگی <source> رسانه HTML
