首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

HTML5一步一步走——多媒体对象(3)

2012-07-19 
HTML5一步一步走——多媒体对象(三)video width300 height240 controlscontrolssourcesrcaa.m

HTML5一步一步走——多媒体对象(三)
<video width="300" height="240" controls="controls">
        <source  src="aa.mp4" type="audio/mp4"/>
        你的浏览器不支持播放。<!--指定浏览器不支持的时候显示的文本-->
</video>


video视频属性:

audio muted: 是否播放声音


autoplay: autoplay是否自动播放


src: url指定视频源的路径


poster: url加载视频过程中显示的图片


preload: none/metadata/auto是否预先读取视频内容,或者只读文件信息例如文件名长度等,或者自动加载


controls: boolean是否显示控制器


loop: boolean是否循环播放


width: pixels使用css定义宽度


height: pixels使用css定义高度


type: mime-typetype="video/whem; codecs="vorbis,vp8".如果不写,则播放器根据视频属性自动选择。


media属性:这一属性使用css格式化播放输出样式。例如:media="screen and(min=width:800px;)"



热点排行