IEcss.com 是一个帮助我们更好的理解不兼容性原因所在的网站。

它为IE的主流版本提供了一个user agent style sheets（默认css）的表格，包括IE6, IE7, IE8, 和 IE9 Platform Preview，当然还有提供Firefox ，Webkit，Opera默认css文件下载。

这个表格包括了几乎所有的css属性值，并且他们都能够被下载。

挺有用的一个表格，特别是对前端开发人员，了解各种浏览器默认css渲染的差异性，就能更好知道为什么html元素在各个浏览器的表现上不同，也就能更好的reset以达到视觉上的一致。

如何在web中嵌入视频文件，用什么方式嵌入既符合标准又能兼容主流浏览器？

在web中嵌入视频的方式有两种，使用古老的embed标签或者object标签，古老的embed标签是由传说中Netscape所创建，它虽然广泛存在，但依然没有被W3c收录，是不被W3c推荐的，取而代之的是object标签，object标签在未来的web应用中不仅用于视频媒体的嵌入，还包括images,text,audio,applets,Flash animations等等各式各样格式的文件，现在大多数主流浏览器也都支持object标签的很多类型调用，要测试你的浏览器支持那些object类型，可以查看 OBJECT test suite

那如何嵌入一段视频到web中(以wmv为例)，代码如下：

1
2
3
4
5

<object data="xx.wmv" type="video/x-ms-wmv" width="320" height="255">
  <param name="src" value="xx.wmv">
  <param name="autoplay" value="false">
  <param name="autoStart" value="0">
</object>

以上这段代码可以正常运行在绝大多数浏览器中，如果你要插入其他格式的视频，你可以更改object标签的type属性，就比如你需要插入mpg格式的视频，type就应该为”video/mpeg”；avi格式相对应的type为”video/avi”

但在嵌入QuickTime文件时，IE7以下版本和标准浏览器还有分歧，它需要一个非标准的classid属性值，一个标识去加载一个相关联activeX，详细查看Bye Bye Embed。解决方法如下：

1
2
3
4
5
6
7
8
9
10
11
12
13

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"
        codebase="http://www.apple.com/qtactivex/qtplugin.cab"
        width="320" height="255">
  <param name="src" value="data/test.mov" >
  <param name="controller" value="true" >
  <param name="autoplay" value="false">
  <!--[if gte IE 7]> <!-->
  <object type="video/quicktime" data="data/test.mov" width="320" height="255">
    <param name="controller" value="true" >
    <param name="autoplay" value="false">
  </object>
  <!--<![endif]-->
</object>

在实际应用中，如果我按标准方式插入一个wmv视频到IE中，播放器需要等待wmv文件完全载入成功后才会显现出来（非流媒体播放），也就是说视频没有载入完成的时候，是不会出现播放界面的，这样对于k数比较大的视频文件，就是个悲剧。但经过尝试如果去掉object的data属性，只是使用<param name=”src” value=”xx.wmv”>来调用wmv文件，不仅IE正常了，而且其他主流浏览器也能正常播放…… 最终代码如下：

1
2
3
4
5

<object type="video/x-ms-wmv" width="320" height="255">
  <param name="src" value="xx.wmv">
  <param name="autoplay" value="false">
  <param name="autoStart" value="0">
</object>