دليل مرجع HTML

مجموعة علامات HTML

HTML: خاصية poster في علامة <video>

استخدام خاصية poster في علامة <video>، تُحدد خاصية poster الصورة التي سيتم عرضها عند تحميل الفيديو أو حتى قبل أن ينقر المستخدم على زر اللعب. إذا لم تُدرج، سيتم عرض الإطار الأول من الفيديو.

　HTML <video> العنوان

مثال على الإنترنت

مشغل الفيديو مع صورة البوستر

مثال

<!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>موقع دروس الأساسيات (oldtoolbag.com)</title>　
</head>
<body>
<video controls poster="/run/html/views.png">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　متصفحك لا يدعم علامة الفيديو
</video>
</body>
</html>

اختبار لمعرفة ‹/›

توافق المتصفحات

IEFirefoxOperaChromeSafari

دعم خاصية poster في جميع المتصفحات الرئيسية.

ملاحظة: Internet Explorer 8 و الإصدارات الأقدم من IE لا تدعم علامة <video>.

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

يحدد خاصية poster الصورة التي تظهر عند تحميل الفيديو أو حتى عند الضغط على زر التشغيل. إذا لم يتم تضمينها، فسيتم استخدام الإطار الأول من الفيديو.

الفرق بين HTML 4.01 و HTML5

<video> العنوان هو علامة جديدة في HTML5.

النحو

<video poster="URL">

قيمة الخاصية

القيمة	الوصف
URL	تحديد عنوان URL للملف الصور. القيم المحتملة: URL نسبي - يوجه إلى عنوان URL في موقع آخر (مثل: href="http://www.example.com/poster.jpg") URL مطلق - يوجه إلى عنوان URL في نفس الموقع (مثل: href="poster.jpg")

　HTML <video> العنوان

HTML: <template> العنوان