Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

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


Để giải quyết, dùng responsive padding, trong đó padding-top 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; }