1、video标签

基本语法

显示所有按钮

视频开始前显示的那个界面

自动播放（自有在静音的状态下才可以自动播放）

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	muted	规定视频的音频输出应该被静音。
poster	URL	规定视频下载时显示的图像，或者在用户点击播放按钮前显示的图像。
preload	preload	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
src	url	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。

功能

标签定义视频。

代码

<!DOCTYPE html>
<html>
<head>
<title>复仇者联盟</title>
<meta charset="utf-8" />
<style type="text/css">
      video{
          width:1000px;
          height:420px;
          margin:100px auto 0;
          display:block;
      }
    </style>
</head>
<body>
<video src="http://www.yyfun001.com/res/htmlclassics/full/video/avenger.mp4"
             controls="controls"
             poster="http://www.yyfun001.com/res/htmlclassics/full/images/video_bg.png">
</video>
</body>
</html>

代码讲解

1、src 属性

要播放的视频的 URL。
URL 可能的值：
绝对 URL - 指向另一个站点。
相对 URL - 指向网站内的文件。

2、controls 属性

向用户显示控件，比如播放按钮。

3、poster

设置视频预览图。

4、video标签样式

video{
width:1000px;
height:420px;
margin:100px auto 0;
display:block;
}
width:1000px; 设置video标签的宽度为1000像素
height:420px; 设置video标签的高度为420像素
margin:100px auto 0; 设置video标签的外延边距分为：上100像素、左右距中、下0像素
display:block; 将video标签显示为块级

2、音频audio

语法：

提示：可以在开始标签和结束标签之间放置文本内容，这样老的浏览器就可以显示出不支持该标签的信息。

属性：