Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

Safari บน iPad (iOS6) ไม่ได้ปรับขนาดวิดีโอ HTML5 ให้เต็ม 100% ของความกว้างของหน้า


ในการแก้ปัญหา ให้ไปที่การเติมแบบตอบสนอง โดยที่ padding-top จะเป็นเปอร์เซ็นต์ของความกว้าง

CSS สำหรับวิดีโอ -

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