video - Mediaelement.js、html5 和 flash 视频：将高度和宽度设为 100%

Question

我想让视频以视口的 100% 宽度和 100% 高度显示。我在视频中使用 Mediaelement.js，它可以确保在 Chrome、Safari 和 IE9 中进行原生播放，并为 Firefox 和 IE8 提供 Flash 后备。

问题是，在本机播放或 Flash 播放中，视频不会一直到包含 div 的 100% 高度。它在顶部和底部留下间距，以考虑视频的纵横比。

在http://badlands777.com/test查看示例

是否可以让视频完全填充包含的 div？在原生标签以及 Flash 后备播放器中？

Answer 1

您需要为您的视频标签添加一个样式属性，将高度和宽度设置为 100%。

<video style="width: 100%; height: 100%;"

mediaelement.js 会将值传输到输出 HTML 中的适当部分。