CSS Video Responsive
فيديو متجاوب مع جميع الأجهزة في لغة CSS
سوف تعلم في هذا الدرس طريقة ضبط الفيديوهات video responsive ويعمل علي عدة مقاسات مختلفة للشاشات وهو ما يحسن تجربة المستخدم اثناء تصفح صفحات الويب.
التاريخ
الدروس
المستوى
اللغة
المشاهدات
المواضيع
CSS Video Responsive
فيديو متجاوب مع جميع الأجهزة في لغة CSS
</>
CSS Video Responsive
فيديو متجاوب مع جميع الأجهزة في لغة CSS
لكي يصبح الفيديو متجاوب مع أغلب أنواع الأجهزة فيجيب القيام بتعيين قيمة خاصية width:100% وفي هذه الحالة سوف يكون مشغل الفيديو متجاوب Responsive ويتمدد وينكمش الفيديو مع حجم الشاشة.
CSS Video Responsive
فيديو متجاوب مع جميع الأجهزة في لغة CSS.
video
{
width: 100%;
height: auto;
}
Resize
</>
CSS Video Responsive max width
خاصية max-width مع الفيديوهات المتجاوبة في لغة CSS
إذا تم تعيين خاصية max-width إلى 100٪ ، فسيتم تصغير حجم الفيديو إذا لزم الأمر فقطوهو عندما يكون الفيديو أصغر من الحجم المحدد داخل width، ولكن لا يتم زيادة حجمه مطلقًا ليكون أكبر من حجمه الموجود في خاصية width.
CLOSETAG
منصة كلوز تاج التعليمية المتخصصة في تعليم هندسة البرمجيات. نسعى لتقديم تجربة تعلم فريدة من خلال معسكراتنا العملية والمنظمة والمتسلسلة كما نهدف إلى تقليص الفجوة بين النظرية والتطبيق العملي؛ لذا فإننا نركز على التعليم القائم على المشاريع والتطبيقات الحقيقية. ننقل لك سنوات من الخبرة في أقل وقت ممكن تحت إشراف مهندسين عباقرة عملوا في أكبر الشركات العربية والعالمية في مجال هندسة البرمجيات. مهمتنا ليست فقط تعليم هندسة البرمجيات، بل نسعى أيضًا لتزويدك بمجموعة من المهارات التي تتوافق مع احتياجات سوق العمل.
الدورات
لا يوجد
