iPad 上的视频尺寸答案

【问题标题】：Video dimensions on iPadiPad 上的视频尺寸
【发布时间】：2013-12-11 16:37:00
【问题描述】：

我正在构建一个主页上嵌入了 HTML5 视频的网站。视频在桌面浏览器上显示良好。它被编码为它所在的容器宽度的 100%，并且站点是响应式的（引导程序）。我的问题是，在 iPad 上，尺寸默认为小尺寸（150 像素高度，不记得宽度，它看起来很荒谬。我试图在 HTML 中定义一个尺寸，但这没有用。

<video width="1024" height="768" poster="images/video-placer.png" controls autoplay >
<source src="video/video.mp4" type="video/mp4">
<source src="video/video.webm" type="video/webm"></video>

video 标签的 CSS 是 width:100%；高度：自动；

我在这里遗漏了一些明显的东西吗？

【问题讨论】：

只是在这里检查一下，你确实有一个在某个地方，对吧？
完美，解决了它。没有看到你的整个页面，很难猜测。
你运气好吗？如果是这样，您可以发布您的解决方案吗？

标签： ios css ipad video html5-video

【解决方案1】：

我过去曾在一些 YouTube 嵌入中遇到过这个问题。我通过将这个 CSS 类添加到我的主样式表来解决它：

html, body { height:100%; }

希望对你有所帮助。

【讨论】：