HTML5新特性之-—视频
2016-07-06 17:03
507 查看
现在许多时髦的网站都提供视频。HTML5 提供了展示视频的标准。
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。
HTML5 规定了一种通过 video 元素来包含视频的标准方法。
视频格式:
当前,video 元素支持三种视频格式:Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
添加视频:
如需在 HTML5 中显示视频,只需加入以下代码:<video src="movie.ogg" controls="controls"> </video>
相关文章推荐
- 利用简洁的图片预加载组件提升h5移动页面的用户体验
- HTML5属性placeholder,支持IE6、7、8浏览器
- 集成支付宝H5支付
- 文本框 12种炫酷HTML5 SVG和CSS3表单浮动标签特效
- 多功能用途 Gooey Effects 7种炫酷HTML5 SVG液态水滴融合动画特效
- HTML5实现全屏API【进入和退出全屏】
- ie8 支持html5 标签及ie8 中jQ版本兼容性问题
- swiper的基础使用(二十一)
- HTML5 web存储—web storage
- html5自带表单验证-美化改造
- swiper的基础使用(十六)
- HTML5 谨以此文献给那些即将毕业的程序员
- 一款靓丽的html5后台管理模板代码下载,适合开发者进行后台数据开发
- HTML5-表格元素
- HTML5的Video标签的属性,方法和事件汇总
- HTML5 Select标签基本使用
- Chrome中利用HTML5实现具有文件“编辑”及“下载”功能的本地应用
- HTML5响应式导航
- HTML5 Canvas动画效果实现原理
- 将HTML5 Canvas的内容保存为图片