视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
HTML5视频标签video_html/css
2020-11-27 16:15:58 责编:小采
文档


现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用object和embed标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而HTML5的到来,改变了这一事实,WEB开发者只需要使用video标签就可以轻松加载视频文件,而不需要任何第三方插件。

查看演示

未来的WEB将可以在任何终端,任何平台只需通过HTML5的

WEB中的Video标签

HTML5定义了一个新的元素用来指定标准的方式来插入视频文件到web页面中:

属性 描述
autoplay true | false 如果是 true,则视频在就绪后马上播放。
controls true | false 如果是 true,则向用户显示控件,比如播放按钮。
height 像素 设置视频播放器的高度。
loop true | false 完成播放后再次开始播放,即循环播放
poster url 当视频未响应或缓冲不足时,该属性值链接到一个图像。该图像将以一定比例被显示出来
src url 所播放视频的 url。使用子元素 实现更好。
width 像素 设置视频播放器的宽度。

目前支持

IE9,Firefox, Opera,Chrome和Safari都支持

注意:IE8和更早的版本,不支持

如何使用Video

要在HTML5中播放视频,需要在body中插入以下代码:

由于旧的浏览器和Internet Explorer不支持

OGG,MP4,FLV/SWF

显示全文
专题