Source media properties

موضوع Source HTML DOM

التعريف والاستخدام

media تعيين أو العودة إلى قيمة خاصية media في عنصر <source>.

خصائص media في <source> تحديد نوع وسائل موارد الوسائط (لماذا تم تخصيص الملف للوسائط والأجهزة).

يمكن للبrowsers استخدام خاصية media لتحديد ما إذا كان يمكنه تشغيل الملف. إذا لم يكن كذلك، يمكنه اختيار عدم التحميل.

دليل مرجعي HTML:عنوان <source> في HTML

مثال

الرجوع إلى ما هي وسائل/أجهزة مخصصة للملف المحدد:

var x = document.getElementById("mySource").media;

جرب بنفسك

النحو

الرجوع إلى خاصية media:

sourceObject.media

تعيين خاصية media:

sourceObject.media = value

ملاحظة:يمكن لهذا الخصائص استقبال عدة قيم.

عمليات محتملة

القيمة الوصف
and محدد AND عمليات.
not محدد NOT عمليات.
, محدد OR عمليات.

جهاز

القيمة الوصف
all لجميع الأجهزة. افتراضي.
aural مكبر للصوت.
braille جهاز التغذية البصرية للمكفوفين.
handheld جهاز محمول (شاشة صغيرة، نطاق تردد محدود).
projection مشروعور.
print عرض الطباعة المسبق/صفحة الطباعة.
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.

الصفحات ذات الصلة

دليل مرجعي HTML:خصائص <source> وسائل الاعلام في HTML

موضوع Source HTML DOM