图像海报视频标签伸展在IE9中

时间:2012-11-03 14:10:00

标签: html5 video poster

我有以下代码,使用Flowplayer,配置如下:

<div class="flowplayer" style="width:800px; height:450px;">
<video preload="none" poster="cover.png">
<source type="video/mp4" src="video.mp4" />
</video>
</div>

cover.png的大小为800x450,它与div容器视频标签的宽度和高度相匹配。 它在Firefox和Chrome上看起来不错,但是当我在IE9中看到它时,封面图像被取出,因此在IE9上显示不正确,也许它放大,更大,所以只显示图像的中心,其他周围是切断了。

我该如何解决这个问题?因为我认为,海报的尺寸适合容器,不需要拉伸使其适合,为什么IE9显示为此。

1 个答案:

答案 0 :(得分:0)

您还需要将背景图像添加到div中