首页 > 代码库 > video

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

方法:

属性:

事件: