Computer >> Máy Tính >  >> Lập trình >> Javascript

Safari trên iPad (iOS6) không chia tỷ lệ video HTML5 để lấp đầy 100% chiều rộng trang


Để giải quyết vấn đề, hãy sử dụng phần đệm đáp ứng, trong đó padding-top sẽ là phần trăm chiều rộng.

CSS cho video -

#video-box {
   padding-top: 56.25%;
   position: relative;
}
video, object {
   width: 100%;
   height: 100%;
   top: 0; display: block;
   position: absolute;
}