今儿个咱来聊聊咋在网页上嵌个视频，用的是HTML5里的那个video标签，老简单！
我以为这玩意儿肯定特复杂，毕竟以前弄网站想放个视频，还得靠Flash，麻烦死。结果发现HTML5一出，这事儿就变得跟喝水一样容易。
第一步，当然是准备好你的视频文件。我这儿有个之前录好的小猫咪打滚的视频，MP4格式的，我就直接拿来用。
然后，开始写代码
打开你喜欢的文本编辑器，我用的是Sublime Text，这玩意儿用着顺手。新建一个HTML文件，把基本的结构写上：
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Video 测试</title>
</head>
<body>
</body>
</html>
重点来！在<body>标签里加上<video>标签：
<video width="640" height="360" controls>
<source src="小猫咪.mp4" type="video/mp4">
您的浏览器不支持HTML5 video标签。
</video>
width和height属性用来设置视频播放器的宽度和高度。controls属性加上后，播放器就会显示控制条，像播放、暂停、音量这些按钮都有。<source>标签用来指定视频文件的路径和类型。src属性就是视频文件的路径，我这里用的是相对路径，因为我的HTML文件和视频文件在同一个文件夹里。type属性告诉浏览器视频文件的类型，这里是video/mp4。- 那句“您的浏览器不支持HTML5 video标签。”是给那些老掉牙的浏览器准备的，万一用户的浏览器太旧，不支持<video>标签，至少还能显示点提示文字。
保存文件，然后用浏览器打开，Duang！小猫咪的视频就出现在网页上，还能点播放、暂停，爽歪歪！
后来我又试试WebM和Ogg格式的视频，也都OK。不过要注意的是，不同的浏览器支持的视频格式可能不一样，所以最好是把这几种格式都准备然后在<video>标签里多加几个<source>标签，让浏览器自己选择能播放的那个。
<video width="640" height="360" controls>
<source src="小猫咪.mp4" type="video/mp4">
<source src="小猫咪.webm" type="video/webm">
<source src="小猫咪.ogg" type="video/ogg">
您的浏览器不支持HTML5 video标签。
</video>
我还发现，如果视频不能自动播放，可能是浏览器为省流量或者防止打扰用户，给禁止。这时候可以试试加上muted属性，让视频静音播放，或者用JavaScript代码来控制播放。
HTML5的<video>标签真是个好东西，让网页上放视频变得简单多。以后再也不用为嵌视频发愁！