码迷,mamicode.com
首页 > 其他好文 > 详细

video

时间:2014-06-03 17:14:27      阅读:387      评论:0      收藏:0      [点我收藏+]

标签:c   style   class   blog   code   a   

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的大小

默认大小为视频的原分辨率。

如果单独设置宽(或高),则高(或宽)自适应。

如果宽度比例不协调,则视频部分始终上下左右居中,控制条总是在最下方,且宽度为总宽度:

bubuko.com,布布扣

 

6. API

方法:

属性:

事件:

 

 

video,布布扣,bubuko.com

video

标签:c   style   class   blog   code   a   

原文地址:http://www.cnblogs.com/weiheli/p/3765065.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!