شرح صفوف ومحتوى الفقرة
في الحالة الافتراضية، يظهر مشغل الفيديو قبل بدء تشغيله كمساحة فارغة أو يعرض الإطار الزمني الأول، والذي غالباً ما يكون شاشة سوداء غير معبرة. وتتيح خاصية
poster تحديد مسار صورة غلاف عالية الدقة تظهر للمستخدم أثناء انتظار تحميل المقطع أو ريثما يقرر النقر على زر التشغيل.ينصح باستخدام صيغ صور حديثة ومضغوطة مثل WebP لصور الغلاف من أجل تقليل الحجم المحمل عبر الشبكة. وبمجرد تفاعل المستخدم وبدء التشغيل، تختفي صورة الغلاف بسلاسة ليحل محلها تدفق الفيديو الرقمي دون أي ارتباك بصري في واجهة الموقع.
Custom Video Thumbnail Using posterتخصيص صورة الغلاف التمهيدية للفيديو بخاصية poster
عرض صورة غلاف مخصصة عالية الوضوح قبل أن يضغط المستخدم على زر التشغيل.
HTML
<video width="420" height="170" controls poster="course-cover.jpg" preload="metadata">
<source src="html-masterclass.mp4" type="video/mp4">
</video>Video Poster Thumbnail Browser Renderمعاينة صورة الغلاف التمهيدي poster في المتصفح
عرض متصفح لمشغل الفيديو مع ظهور صورة الغلاف التمهيدي قبل بدء العرض.