4.3.2插入视频 HTML

通过HTML5新增加的<video>标记，可以快速地在网页中嵌入影片，只要使用的浏览器支持视频格式，不需要安装任何第三方插件。

基本语法如下：

<video src="url"controls="controls" autoplay="autoplay"width="百分比|像素"height="百分比|像素"preload="auto|meta|none"loop="loop">

浏览器不支持video,会显示此部分内容

</video>

<video>元素的属性很多，下表中给出了常用属性。

属性         属性值             描述

src            url             设置要播放视频的URL（不能缺省）

autoplay  autoplay    设置网页中视频加载就绪后自动播放

controls   controls     添加浏览器为视频设置的默认控件

loop         loop          设置媒介文件循环播放

muted     muted        设置是否为静音

preload   preload      设置浏览器要加载的视频内容的多少，可以是以下三个值：

                                  none表示不加载任何视频；

                                  meta表示仅加载视频的元数据（如长度、尺寸等）；

                                  auto表示让浏览器决定怎样做（这是默认的设置）。

                                  如果引用了autoplay属性，则忽略该属性

poster      url             指定视频加载时要显示的图像（而不显示视频的第一帧），接受所需图像文件的URL。                                    如果引用了autoplay属性，则忽略该属性

width     像素或百分比       设置视频播放器的宽度

height    像素或百分比       设置视频播放器的高度