Internet Explorer 9 beta HTML5视频标签不支持相对宽度/高度?

时间:2011-02-10 12:49:54

标签: internet-explorer html5 html5-video internet-explorer-9

IE9(Beta& Preview)不支持html5视频标签的相对宽度/高度是否正确?

Chrome,Safari& Firefox很好地接受宽度= 50%,但IE9似乎把它读作50px。 (视频显示在所有4个浏览器中,所以没有问题)。

我想知道这是一个尚未实施的错误/功能还是永久解决方案。

学家

3 个答案:

答案 0 :(得分:5)

您是否尝试使用CSS而不是HTML元素的属性设置高度和宽度?

即而不是:

<video src='whatever' height='50%' width='50%'>
你可以尝试:

<video src='whatever' style='height:50%; width:50%;'>

...或者,当然,将样式放入单独的CSS文件中。

答案 1 :(得分:1)

我刚刚安装了IE9 Release Candidate,因为没有任何变化,我想我们可以称之为永久解决方案。

要完成:<video width="100%" height="100%"></video>

在IE9中渲染为100px宽度。在最新版本的Chrome,FireFox,Safari和Opera中,这将呈现父div的100%宽度。

答案 2 :(得分:1)

我使用CSS为宽度标注样式:100%和高度:100%。我尝试了IE9 Beta,这似乎有效。