## 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官方文档中也无法查询这个标签,但是各大浏览器对这个标签的支持非常好
