ios - iPad 上的视频尺寸

Question

我正在构建一个主页上嵌入了 HTML5 视频的网站。视频在桌面浏览器上显示良好。它被编码为它所在的容器宽度的 100%，并且站点是响应式的( Bootstrap )。我的问题是，在 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>

视频标签的 CSS 是 width:100%;高度:自动；

我在这里遗漏了什么明显的东西吗？

Answer 1

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

html, body { height:100%; }

希望对你有所帮助。