रिस्पॉन्सिव पैडिंग समाधान
समस्या हल करने के लिए, रिस्पॉन्सिव पैडिंग के लिए जाएं, जहां padding-top चौड़ाई का प्रतिशत होगा।
वीडियो के लिए CSS
#video-box {
padding-top: 56.25%;
position: relative;
}
video, object {
width: 100%;
height: 100%;
top: 0;
display: block;
position: absolute;
}
56.25% पैडिंग-टॉप 16:9 आस्पेक्ट रेशियो बनाए रखता है (9/16 = 0.5625)।