تصميم موقع مدمج - الفيديو

استخدام خاصية العرض

إذا العرض إذا تم تعيين الخصائص إلى 100%，سيكون مشغل الفيديو متجاوبًا وسيتوسع وينكمش:

فيديو {
  العرض: 100%;
  الارتفاع: تلقائي;
}

لاحظ أن مشغل الفيديو يمكنه زيادة حجمه إلى ما يزيد عن حجمه الأصلي في العديد من الحالات. حل أفضل هو استخدام خاصية عرض الأقصى.

إذا تم العرض الأقصى إذا تم تعيين الخصائص إلى 100%，سيتم縮ية مشغل الفيديو بشكل متناسب ولم يكن يزيد عن حجمه الأصلي:

فيديو {
  العرض الأقصى: 100%;
  الارتفاع: تلقائي;
}

نأمل في إضافة فيديو إلى صفحة المثال. سيتم ضبط حجم الفيديو حتى يأخذ كل المساحة المتاحة:

فيديو {
  العرض: 100%;
  الارتفاع: تلقائي;
}