في هذا الدرس 2تصفّح المواضيع
CSS Video Responsive
فيديو متجاوب مع جميع الأجهزة في لغة CSS
CSS Video Responsive فيديو متجاوب مع جميع الأجهزة في لغة CSS
لكي يصبح الفيديو متجاوب مع أغلب أنواع الأجهزة فيجيب القيام بتعيين قيمة خاصية width:100% وفي هذه الحالة سوف يكون مشغل الفيديو متجاوب Responsive ويتمدد وينكمش الفيديو مع حجم الشاشة.
CSS Video Responsive
فيديو متجاوب مع جميع الأجهزة في لغة CSS.
CSS Video Responsive
فيديو متجاوب مع جميع الأجهزة في لغة CSS.
CSS Video Responsive max width
خاصية max-width مع الفيديوهات المتجاوبة في لغة CSS
CSS Video Responsive max width خاصية max-width مع الفيديوهات المتجاوبة في لغة CSS
إذا تم تعيين خاصية max-width إلى 100٪ ، فسيتم تصغير حجم الفيديو إذا لزم الأمر فقطوهو عندما يكون الفيديو أصغر من الحجم المحدد داخل width، ولكن لا يتم زيادة حجمه مطلقًا ليكون أكبر من حجمه الموجود في خاصية width.
CSS Video Responsive max width
CSS Video Responsive max width
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات5
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Video فيديو
- للمراجعة
- 02 Responsive متجاوب
- للمراجعة
- 03 Width عرض
- للمراجعة
- 04 Example مثال
- للمراجعة
- 05 Add إضافة
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 Max Max
- Maximum
- حد أقصي
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي2 أسئلة تنتظرك ＋
نستطيع جعل الفيديو متجاوبا مع احجام شاشات مختلفة عن طريق تعيين قيمة خاصية ال height له ك : 100% ؟
يمكننا استخدام الخاصية ............ في إضافة مقطع فيديو متجاوب مع احجام مختلفة من الشاشات عن طريق تعيين قيمتها تساوي "100%"
____