Sertifikat olingYANGIW3Schools ilovasiiOS va AndroidSarguzashtni boshlang

RWD videolar

ULASHISH

width xossasidan foydalanish

Agar width xossasi 100% qilib belgilansa, video pleyer moslashuvchan bo‘ladi va yuqori-past masshtablanadi:

Misol

video {
  width: 100%;
  height: auto;
}
O‘zingiz sinab ko‘ring »

Yuqoridagi misolda video pleyer boshlang‘ich o‘lchamidan kattaroq qilib masshtablanishi mumkinligiga e’tibor bering. Ko‘pgina hollarda yaxshiroq yechim — buning o‘rniga max-width xossasidan foydalanishdir.

max-width xususiyatidan foydalanish

Agar max-width xossasi 100% qilib belgilansa, video pleyer zarur bo‘lsa kichrayadi, lekin hech qachon boshlang‘ich o‘lchamidan kattalashmaydi:

Misol

video {
  max-width: 100%;
  height: auto;
}
O‘zingiz sinab ko‘ring »

Misol veb-sahifaga video qo‘shish

Misol veb-sahifamizga video qo‘shmoqchimiz. Video har doim barcha mavjud bo‘shliqni egallashi uchun o‘lchami o‘zgartiriladi:

Misol

video {
  width: 100%;
  height: auto;
}
O‘zingiz sinab ko‘ring »

‹ OrqagaKeyingisi

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tishKirish