Safari on iPad (iOS6) does not scale HTML5 video to fill 100% of page width

JavascriptWeb DevelopmentFront End Scripts

To solve the issue, go for responsive padding, wherein padding-top will be the percent of the width.

CSS for video −

#video-box {
   padding-top: 56.25%;
   position: relative;
video, object {
   width: 100%;
   height: 100%;
   top: 0; display: block;
   position: absolute;
Updated on 25-Jun-2020 06:02:14