ریسپانسیو ویب پیج ڈیزائن - ویدئو

width نمائش کا استعمال کریں

اگر width نمائش کا مقادیر 100% رکھا گیا تو ویڈیو پلیر اس کا اثرات کا جواب دے گا اور بڑھ سکتا ہے یا چھوٹ سکتا ہے:

video {
  width: 100%;
  height: auto;
}

توجیہ فرمائیج، ویدئو پلیر اصل سائز سے بڑھ سکتا ہے، بہت سے حالات میں بہتر حل max-width نمائش کا استعمال کیا جانا بہتر ہوتا ہے。

اگر max-width نمائش کا مقادیر 100% رکھا گیا تو ویڈیو پلیر اس کے اصل سائز سے بڑھنے کی اجازت نہیں دے گا:

video {
  max-width: 100%;
  height: auto;
}

ہم چاہتے ہیں کہ مثال ویب پیج میں ویدئو شامل کریں، ویدئو کو بڑھا یا چھوٹا کیا جائے تاکہ یہ تمام فضائل کو پوشاندے رہیں:

video {
  width: 100%;
  height: auto;
}