রেসপনসিভ ওয়েবপেজ ডিজাইন - ভিডিও
- পূর্ববর্তী পৃষ্ঠা RWD ইমেজ
- পরবর্তী পৃষ্ঠা CSS গ্রিড লেজাউট মডিউল
width এট্রিবিউট ব্যবহার করা হয়
যদি width এট্রিবিউট সংযোজিত হয়
ইনস্ট্যান্স
video {
width: 100%;
height: auto;
}
মনে রাখুন যে, উপরোক্ত উদাহরণে, ভিডিও প্লেয়ার প্রকৃত আকারের থেকে বড় করা হতে পারে।অনেক ক্ষেত্রে, max-width এট্রিবিউট ব্যবহার করা বেশি ভালো সমাধান
max-width এট্রিবিউট ব্যবহার করা হয়
যদি max-width যদি 100% হিসাবে প্রতিযোগিতা সংযোজিত হয়, তবে ভিডিও প্লেয়ার আকারের অনুপাতে কমানো হবে, কিন্তু প্রকৃত আকারের থেকে বড় করা হবে না:
ইনস্ট্যান্স
video {
max-width: 100%;
height: auto;
}
ইনস্ট্যান্স ওয়েবপেজে ভিডিও যোগ করা
আমরা ইনস্ট্যান্স ওয়েবপেজে ভিডিও যোগ করতে চাই।ভিডিও সবসময় সম্পূর্ণ মানুষকে জগদ দেওয়ার জন্য মাপ করা হবে:
ইনস্ট্যান্স
video {
width: 100%;
height: auto;
}
- পূর্ববর্তী পৃষ্ঠা RWD ইমেজ
- পরবর্তী পৃষ্ঠা CSS গ্রিড লেজাউট মডিউল
