video

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

方法：

属性：

事件：

 

 

转载于:https://www.cnblogs.com/weiheli/p/3765065.html