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;
}
raja
Published on 05-Apr-2018 16:09:58
Advertisements