首页 > 代码库 > HTML 5 视频
HTML 5 视频
HTML 5 视频
=======================================================================================
如今这个网络时代,视频是随处可见,我们都对它非常的熟悉,可是在html5中视频是用的什么样的便签呢?如何工作的呢?让我为大家简单的解释一下吧!
=======================================================================================
= video 元素
= 在了解之前,我们先看看这个
= 视频格式
=当前，video 元素支持三种视频格式：
| 格式 | IE | Firefox | Opera | Chrome | Safari |
|---|---|---|---|---|---|
| Ogg | No | 3.5+ | 10.5+ | 5.0+ | No |
| MPEG 4 | 9.0+ | No | No | 5.0+ | 3.0+ |
| WebM | No | 4.0+ | 10.6+ | 6.0+ | No |
= Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
= MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
= WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
=======================================================================================
实例分析:
<video src="http://www.mamicode.com/movie.ogg" controls="controls"> </video>
TIY
control 属性供添加播放、暂停和音量控件。src属性连接文件
=====================================================================================
其它的属性和属性值:
| autoplay | autoplay | 如果出现该属性，则视频在就绪后马上播放。 |
| controls | controls | 如果出现该属性，则向用户显示控件，比如播放按钮。 |
| height | pixels | 设置视频播放器的高度。 |
| loop | loop | 如果出现该属性，则当媒介文件完成播放后再次开始播放。 |
| preload | preload |
如果出现该属性，则视频在页面加载时进行加载，并预备播放。 如果使用 "autoplay"，则忽略该属性。 |
| src | url | 要播放的视频的 URL。
<source src="http://www.mamicode.com/movie.ogg" type="video/ogg">代替src |
| width | pixels | 设置视频播放器的宽度。 |
好了,有了这些基本的东西就可以生成我们大家熟悉的一个小视频了.
=======================================================================================
HTML 5 视频