ios - Safari IOS 中的 HTML5 视频尺寸

Question

我正在为主要内容是视频的客户构建一个网站。我正在使用 HTML5 视频元素来显示内容，但在 iOS 上使用 Safari 时遇到问题。

iOS 上的 Safari 在用户启动下载之前不会下载视频元数据，因此视频的宽度和高度属性设置为默认大小 300 x 150 像素 - 在视频的两侧留下一大片黑色区域视频拉伸(stretch)了我的包含元素的宽度。

我正在努力让网站尽可能地响应，所以这个默认大小对我不起作用。有没有办法解决这个问题，以便 iOS 上的 Safari 尊重视频大小？

Answer 1

我使用了以下适合我的 CSS。在装有 iOS 7.1 的 iPad mini 上测试

video {
 min-height: 100%; 
 min-width: 100%; 
 height: auto !important;
 width: auto !important; 
}