html5学习笔记一

html5 的一些新特性

用于绘画的canvas元素

用于媒介回放的video和audio元素

对本地离线存储的更好支技

新的特殊内容元素,如:articlefooterheadernavsection

新的表单控件:calendardatetimeemailurlsearch

html5视频

通过video元素菜来包今视频的标准方法

支持的三种视频格式

ogg带有Theora视频编码vorbis音频编码

MPEG4带有H.246视频编码和AAC音频编码

WebM带有V8视频编码和vorbis音频编码

示例代码:

<videosrc="文件名"controls="controls">

标签之间的内容用于在浏览器不支持时显示的错误提示!

</video>

controls:供添加播放,暂停和音量控制

<videowidth="宽度"height="高度"controls="controls">

<sourcesrc="movie.ogg"type="video/ogg">

<sourcesrc="movie.mp4"type="video/mp4">

错误信息提示!

</video>

标签有以下属性:

autoplay就绪后自动播放

controls播放,暂停和音量控制

height高度

loop循环播放

preload视频在页面加载时进行加载(如果有autoplay属性后,该属性忽略)

src视频的URL

width

可以包含多个source元素,但最终将使用第一个可识别的文件

相关推荐