HTML5shim:<video>和<audio>如何在旧版浏览器中呈现?</audio> </video>

时间:2014-01-10 14:46:35

标签: javascript html5 html5-video html5-audio html5shiv

使用HTML5shim后,IE 9及以下版本中的标记和标记是如何呈现的?

我知道垫片修复了语义样式标签。但它能使元素发挥作用吗?如果没有,浏览器是否在其位置呈现任何内容?或者只是把它视为不存在?

1 个答案:

答案 0 :(得分:2)

垫片的作用是创建一个接受HTML5标签的环境,并且可以(稍微)支持CSS样式。

当一个旧的浏览器遇到一个未知的标签时,它仍会将它放入DOM中,但只是忽略它(一些非常古老或异国情调的会抛出错误,但至少IE8-不会)。

更确切地说,它会将标记视为空白/透明容器,并仍然处理内部的内容。这就是为什么IE8-可以显示“你的浏览器是垃圾,老兄”或启动flash对象来播放视频标签中的视频。

垫片的作用是克隆一些这些未知标签(所谓的语义标签,(谷歌机器人蜜罐的名字,如果你问我):页眉,页脚等)到常规跨度或div(它在文档加载之后就这样做了,这样旧的浏览器现在可以看到好的复古标签并为它们设计样式。

如果是视频/音频标签,HTML5shim绝对没有区别。

您的视频标记确实会被IE8识别为未知标记,如果页面创建者非常友好,您将获得通常的“抱歉的家伙,您的浏览器是垃圾”显示提供一个。