## HTML基础-多媒体标签

## HTML基础-多媒体标签

# video标签

# audio标签

# marquee标签(跑马灯)

H5新增标志性标签

-video

什么是video标签?

-作用:播放视频

格式:

video标签的属性

src:视频地址

-用于告诉video标签需要播放的视频地址

autoplay:自动播放

-用于告诉video标签是否需要自动播放视频

controls:控制条

-是否显示控制条

poster:占位图片

-视频播放前显示的占位图片

loop:循环播放

-视频播放完毕是否需要循环播放

preload:预加载

-是否需要预加载视频.

-注意:preplay跟autoplay冲突,同时设置只有其中一个有效

muted:静音

width:宽度

weight:高度

video的第二种格式

由于视频数据非常非常重要,所以五大浏览器厂商都不愿意支持别人的视频格式,所以导致了没有一种视频格式是所有浏览器都支持的

这个时候W3C为了解决这个问题,所以推出了第二个video格式(浏览器会自动选择自己能播放的格式播放)

注意点:当前通过video标签的第二种格式虽然能够制定所有浏览器都支持的视频格式,但是显然所有浏览器必须支持HTML5,否则同样无法播放

以后可以通过JS的html5media框架来实现

-audio

什么是audio标签?

-作用:播放音频

-格式一:

-格式二:

注意点:

-audio标签的使用和video标签的使用基本一样,bideo能够使用的属性在audio标签中大部分都能使用,只有width/height/poster不能使用

什么是详情和概要标签?

-作用:

-格式:

概要信息

详情信息

什么是marquee标签?

作用:跑马灯

格式:

内容

属性:

direction:设置滚动方向 up/down/left/right

scrolleramount:滚动速度,值越大越快

loop:滚动次数,默认是-1,也就是无限滚动

behavior:滚动类型,slide滚到边界停止/alternate滚到边界弹回

注意点:

marquee标签不是W3C推荐的标签,在W3C官方文档中也无法查询这个标签,但是各大浏览器对这个标签的支持非常好