IE9 beta不支持HTML5视频标签的相对宽度/高度吗？

Question

请问IE9（Beta&Preview）不支持在html5视频标签上使用相对宽度/高度，这种说法正确吗？

Chrome、Safari和Firefox都可以很好地接受width=50%的设置，但是IE9似乎将其解读为50px。（该视频在所有4个浏览器中均正常显示，因此不存在问题。）

我想知道这是一个待实现的漏洞/功能，还是一个永久性的解决方案。

J.

- jbokkers

---

视频在所有4个浏览器中显示——嗯，对于围绕视频格式的许多花招来说，我对你能做到这么多感到印象深刻。你有检查过它是否仍然可以在非Windows浏览器（Mac、Linux、iPad、手机等）中正常工作吗？ - Spudley

我在 Mac 上检查了一下，也可以工作。它是一个带有 ogv 和 WebM 回退的 mp4。由于 IE9 还很固执，我还没有尝试针对旧浏览器或移动设备进行 Flash 回退... - jbokkers

请参考Spudley和dudeman的回答。在HTML5中，高度和宽度属性中的百分比值是无效的，因此由于<video>是HTML5中的新元素，所以IE9没有理由支持它们。百分比高度和宽度明显是样式，因此应该使用CSS来提供它们。 - Alohci

Answer 1

今日免费次数已满, 请开通会员/明日再来

<video src='whatever' height='50%' width='50%'>

您可以尝试以下方法：

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

你可以将样式放在HTML文件的头部中，或者当然也可以将样式放入你的单独CSS文件中。

- Spudley

---

作为一条注释，W3C规范指出，高度和宽度属性都应该以像素为单位，就像<img>标签一样。使用百分比在技术上是无效的，而且把这些信息放在CSS中更有意义。 - user102430

谢谢，解决了问题。 尽管如Alohci在上面评论的那样，这是一种风格问题，应该应用于CSS，但它仍然与其他浏览器的行为/实现不同。 - jbokkers

@jbokkers - IE9可能比其前身有了很大的改进，但这并不意味着它会完美无缺。在他们将IE9从预发布版升级到发布候选版的时间里，他们已经开始落后于竞争对手。我预见到未来IE仍将是浏览器世界中的落后者。 - Spudley

Answer 2

我刚刚安装了IE9的候选版本，但是似乎没有任何变化，所以我们可以认为这是他们的永久解决方案。

完整代码如下：<video width="100%" height="100%"></video>

在IE9中，这段代码的宽度将被渲染为100px。而在Chrome、FireFox、Safari和Opera的最新版本中，它将被渲染为父级div的100%宽度。

- jbokkers

Answer 3

我使用CSS来为标签设置宽度：100％和高度：100％的样式。我尝试了IE9 Beta，似乎可以正常工作。

- dudeman