现在如果要在页面中使用视频标签，需要考虑三种情况，支持OggTheora或VP8（如果不出意外的话）（Opera、Mozilla、Chrome）、支持H.264（Safari、IE9、Chrome），分别是不支持（IE6、7、8）。 好了，现在我们从技术层面来了解一下HTML5视频，包括视频标签的使用、视频对象可以使用的媒体属性和技巧以及媒体干扰等。
视频标签的使用
Video标签拥有丰富的src、poster、preload、autoplay、loop、controls、width、height等几个属性，还有一个内部使用的标签。 Video标签不仅可以包含外部标签，还可以包含指定视频无法播放时返回的内容。
(1)src属性和poster属性
你可以想象 src 属性是用来做什么的。
Tag，该属性用于指定视频的地址。 海报属性用于指定当前视频数据无效时显示的图片（预览图片）。 无效的视频数据可能是视频正在加载，也可能是视频地址错误等等。
(2)预加载属性
该属性也可以通过名称来理解，该属性用于定义视频是否预加载。 该属性有三个可选值：none、metadata、auto。 如果不使用该属性，则默认为 auto。
无：不预加载。 使用这个属性值可能是页面制作者觉得用户不想要这个视频，或者减少HTTP请求。
元数据：部分预加载。 使用这个属性值意味着页面创建者感觉用户并不期待这个视频，而是为用户提供一些元数据（包括规格、首帧、歌曲列表、时长等）。
自动：全部预加载。
(3)自动播放属性
又是一个一看名字就知道好处的属性。 Autoplay属性用于设置视频是否手动播放，是一个布尔属性。 当它出现时，表示手动播放，如果去掉，表示不手动播放。
请注意，HTML 中布尔属性的值不是 true 和 false。 正确的用法是在标签中使用该属性来表示true。 这时候属性要么没有值，要么它的值永远等于他的名字（这里手动打的是or）； 而在标签中不使用该属性则表示 false（这里不要手动播放）。
(4)循环属性
乍一看，loop属性是用来指定视频是否循环播放的，也是一个布尔属性。
(5) 控件属性
Controls属性用于向浏览器表明页面创建者不使用脚本生成播放控制器，浏览器需要启用自己的播放控制栏。
控制栏应包括播放暂停控制、播放进度控制、音量控制等。
各个浏览器界面上默认的播放控制栏是不同的。 由于我的浏览器的特有问题，Firefox和Safari的Video选项卡不正常，所以这两个只能在网上找到截图。
(6) width属性和height属性
属于标签的通用属性，所以不言而喻。
(7)源标签
Source标签用于为媒体指定多个可选（浏览器只能选择一个）的文件地址（由于audio标签也可以包含该标签，所以这里使用media而不是video），并且只有当媒体使用src属性时标签没有Used。
浏览器按照源标签的顺序检查该标签指定的视频是否还能播放（可能是视频格式不支持、视频不存在等），如果不能播放则替换为下一个。 这种方法多用于兼容不同浏览器。 Source标签本身不代表任何意义，不能单独出现。
该标签包含三个属性：src、type 和 media。
src属性：用于指定媒体的地址，与video标签相同。
Type属性：用于解释src属性指定的媒体类型，帮助浏览器在获取媒体之前判断是否支持该类型的媒体格式。
Media属性：用于指示该媒体用于哪种媒体，如果不设置则默认值为all，表示支持所有媒体。 您是否想到了标签的媒体属性？ 一样一样一样。
(8) 完整的例子
此代码定义页面上的视频。 该视频的预览图片是海报的属性值，它显示浏览器默认的媒体控制栏，预加载视频的元数据，并循环播放。 长度为 900 像素，高度为 240 像素。 像素。
第一选择的视频地址为第一源标签的src属性值，视频类别为Ogg视频，视频编码混合器为Theora，音频编码混合器为Vorbis，播放介质为显示器； 第二选择视频地址不再累。 如果你仍然想兼容IE，你可以在最后一个源标签后面添加Flash播放器的标签集，或者使用一点JavaScript代码。
6. iframe是活动框架，而frame是非活动框架
iframe使用起来比较灵活，不需要对框架那么讲究，而且框架的位置也可以自己设置。
iframe是嵌入的，比较灵活，但是也有一个缺点html中插入视频html中插入视频，就是在不同的浏览器和码率下，位置可能会不同，有时原本好的页面会变形。
iframe是网页中的子框架，两个网页之间是母子关系。
iframe是一个浮动框架，就是在你的页面上添加另一个页面。
框架用于垂直或水平剪切页面，用于在页面中插入一个小圆形窗口。
框架是将一个网页分为多个页面的页面。 它应该有一个框架集页面框架集。
