HTML5基础（二）

一、视频标签（video）

属性：

布尔属性：只有属性名，没有属性值。

1、src：视频文件地址；

2、controls：是否显示视频播放组件（布尔属性）；

3、autoplay：页面加载后视频自动播放（布尔属性），尽量不使用；

4、preload：分为none、metadata、auto，是判断当用户不点击播放按钮时，视频文件会不会自动下载；

注意：preload与preload="auto"等价，并且在设置了autoplay属性的情况下，preload属性会被忽略。

5、muted：是否默认静音播放；

6、loop：循环播放；

7、poster：设置视频封面的地址；

8：widtht和height：设置视频播放器的宽和高。

二、音频标签（audio）

属性：

布尔属性：只有属性名，没有属性值。

1、src：视频文件地址；

2、controls：是否显示音频播放组件（布尔属性）；

3、autoplay：页面加载后音频自动播放（布尔属性），尽量不使用；

4、preload：分为none、metadata、auto，是判断当用户不点击播放按钮时，音频文件会不会自动下载；

注意：preload与preload="auto"等价，并且在设置了autoplay属性的情况下，preload属性会被忽略。

5、muted：是否默认静音播放；

6、loop：循环播放；

7、poster：设置音频封面的地址；

8：widtht和height：设置视频播放器的宽和高。

三、HTML5兼容IE浏览器

1、 IE11

在css中，把main标签变成块元素。main{display:block;}

2、IE8及IE8以下

JavaScript：

<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

注：因为上面加载的js的url是谷歌，在国内是访问不了的，所以，我上传了此js插件的源代码。

http://download.youkuaiyun.com/detail/qq_33567603/9674673

css样式：

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu,main{display:block}