我有以下代码,使用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显示为此。
答案 0 :(得分:0)
您还需要将背景图像添加到div中