HTML5一步一步走――多媒体对象(三)

时间2024-01-25 13:24:14发布访客分类HTML浏览170

导读：收集整理的这篇文章主要介绍了html5教程-HTML5一步一步走――多媒体对象(三，觉得挺不错的，现在分享给大家，也给大家做个参考。小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。 <vid...

收集整理的这篇文章主要介绍了html5教程-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; )"

作者：shiyuan17

video width="300" height="240" controls="controls">
source src="aa.mp4" type="audio/mp4"/>
你的浏览器不支持播放。!--指定浏览器不支持的时候显示的文本-->
/video>