انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: فيديو متجاوب مع جميع الأجهزة في لغة CSS

CSS Video Responsive max width خاصية max-width مع الفيديوهات المتجاوبة في لغة CSS

سوف تعلم في هذا الدرس  طريقة ضبط الفيديوهات video responsive ويعمل علي عدة مقاسات مختلفة للشاشات وهو ما يحسن تجربة المستخدم اثناء تصفح صفحات الويب.

1 صفوف تعليمية
لغة CSS
3,886 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

إذا تم تعيين خاصية max-width إلى 100٪ ، فسيتم تصغير حجم الفيديو إذا لزم الأمر فقطوهو عندما يكون الفيديو أصغر من الحجم المحدد داخل width، ولكن لا يتم زيادة حجمه مطلقًا ليكون أكبر من حجمه الموجود في خاصية width.

CSS Video Responsive max width

جرّب بنفسك

CSS Video Responsive max width

HTML 
video
{
  max-width: 100%;
  height: auto;
}
جرّب بنفسك

جميع فقرات هذا الدرس (فيديو متجاوب مع جميع الأجهزة في لغة CSS)