1. 初识
1 <video src="url" controls> 2 您的浏览器不支持video标签 3 </video>
或
1 <video width="" height=""> 2 <source src="url.ogg" type="video/ogg"> 3 <source src="url.webm" type="video/webm"> 4 <source src="url.mp4" type="video/mp4"> 5 您的浏览器不支持video标签 6 </video>
2. video标签的属性
video有9个属性:
属性 | 值 | 描述 |
autoplay | ||
controls | ||
loop | ||
preload | ||
src | ||
muted | ||
width | ||
height | ||
poster | URL | 规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。 |
3. 支持的格式
目前audio支持3种格式:*.ogg、*.webm、*.mp4
4. 视频MIME类型
格式 | MIME类型 |
ogg | video/ogg |
webm | video/webm |
mp4 | video/mp4 |
5. 默认video的大小
默认大小为视频的原分辨率。
如果单独设置宽(或高),则高(或宽)自适应。
如果宽度比例不协调,则视频部分始终上下左右居中,控制条总是在最下方,且宽度为总宽度:
6. API
方法:
属性:
事件:
原文地址:http://www.cnblogs.com/weiheli/p/3765065.html