html5学习笔记一
2012-09-04 10:35
155 查看
html5 的一些新特性
用于绘画的canvas元素
用于媒介回放的video和audio元素
对本地离线存储的更好支技
新的特殊内容元素,如:article footer header nav section
新的表单控件:calendar date time email url search
html5 视频
通过video元素菜来包今视频的标准方法
支持的三种视频格式
ogg 带有Theora视频编码vorbis音频编码
MPEG4 带有H.246视频编码和AAC音频编码
WebM 带有V8视频编码和vorbis音频编码
示例代码:
<video src="文件名" controls="controls">
标签之间的内容用于在浏览器不支持时显示的错误提示!
</video>
controls:供添加播放,暂停和音量控制
<video width="宽度" height="高度" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
错误信息提示!
</video>
标签有以下属性:
autoplay 就绪后自动播放
controls 播放,暂停和音量控制
height 高度
loop 循环播放
preload 视频在页面加载时进行加载(如果有autoplay属性后,该属性忽略)
src 视频的URL
width
可以包含多个source元素,但最终将使用第一个可识别的文件
用于绘画的canvas元素
用于媒介回放的video和audio元素
对本地离线存储的更好支技
新的特殊内容元素,如:article footer header nav section
新的表单控件:calendar date time email url search
html5 视频
通过video元素菜来包今视频的标准方法
支持的三种视频格式
ogg 带有Theora视频编码vorbis音频编码
MPEG4 带有H.246视频编码和AAC音频编码
WebM 带有V8视频编码和vorbis音频编码
示例代码:
<video src="文件名" controls="controls">
标签之间的内容用于在浏览器不支持时显示的错误提示!
</video>
controls:供添加播放,暂停和音量控制
<video width="宽度" height="高度" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
错误信息提示!
</video>
标签有以下属性:
autoplay 就绪后自动播放
controls 播放,暂停和音量控制
height 高度
loop 循环播放
preload 视频在页面加载时进行加载(如果有autoplay属性后,该属性忽略)
src 视频的URL
width
可以包含多个source元素,但最终将使用第一个可识别的文件
相关文章推荐
- 【HTML5学习笔记】21:CSS盒模型 上
- CSS3+Html5 学习笔记之css 样式加载顺序
- html5学习笔记(1)
- HTML5基础学习笔记(十)
- HTML5学习笔记
- HTML5学习笔记
- html5学习笔记3——高级特性
- HTML5学习笔记简明版(9):变化的元素和属性
- HTML5学习笔记:HTML5基于本地存储SQLite的每日工作任务清单程序.[只支持chrome]
- HTML5学习笔记-第一章基础知识
- HTML5学习笔记 - 基本标签的使用
- html5学习渐阶笔记---基础知识略解
- HTML5 Canvas(学习笔记一)
- HTML5学习笔记之Video视频简单用法
- HTML5学习笔记
- HTML5混编学习笔记:HTML5入门
- HTML5学习笔记简明版(4):新元素之video,audio,meter,datalist,keygen,output
- HTML学习笔记(五)_HTML5表单相关元素和属性
- HTML5学习笔记——2
- HTML5学习笔记(二十二):DOM