Mediaelement.js、html5和flash视频:使高度和宽度达到100%

Question

我想让一个视频显示在100%的宽度和100%的高度的视口。我在视频中使用了Mediaelement.js，它确保了在Chrome、Safari和IE9中的原生播放，并为火狐和IE8提供了闪存后备功能。

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

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

有没有可能让一段视频完全填满所包含的div？在原生标签和Flash回退播放器中？

Answer 1

您需要在视频标签中添加一个style属性，并将高度和宽度设置为100%。

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

mediaelement.js会将这些值传输到输出超文本标记语言中的适当部分。