معيار وسائط Source

HTML DOM Source ɗanar

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

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

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

يمكن للمرور أن يستخدم معيار media لتحديد ما إذا كان يمكنه تشغيل الملف. إذا لم يكن يمكنه ذلك، يمكنه اختيار عدم التحميل.

Kwarin HTML:HTML <source> ɗanar

مثال

التحقق من ما إذا كان الملف مخصصًا للوسائط أو الأجهزة:

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

تجربة شخصية

النحو

التحقق من معيار media:

sourceObject.media

إعداد معيار media:

sourceObject.media = value

Rarrabu:يمكن لهذا السمة استقبال عدة قيم.

عمود الفحص الممكن

القيمة الوصف
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" في غير ذلك.

Shafi: media="handheld and (grid:1)"

Ƙarancin aikin

Kwamfuri: Kwamfuri, wajen ɗanar ɗin ƙarancin ɗanar

Ci gaba da ɗanar

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Ci gaba da Ci gaba da Ci gaba da Ci gaba da Ci gaba da

Rarrabu:Amfani: duk ɗanar ɗaya na kungiyar ɗaukar ɗanar ba a ɗaukar ɗanar HTML media ɗanar ba.

Yanar gizo

Kwarin HTML:HTML <source> media ɗanar

HTML DOM Source ɗanar