前端学习part05

video标签

• 格式：<video src="" autoplay="autoplay"></video>；
• 格式二：<video><source src="" type=""></source></video>;解决浏览器适配问题；通过此标签虽然可以指定类型，但是浏览器播放视频的前提是浏览器支持HTML5！！
• 以下以第一种格式来举例；
• src用于播放的地址；autoplay是否需要自动播放；
• controls=“controls” ;加上就可以控制播放了；显示进度条；
• poster属性：控制视频播放的封面是啥图片；
• loop属性：视频是否循环播放；常用作广告视频（你不可以控制暂停开始啥的，一出现就播放并且无限循环）；
• preload属性：预加载视频，但需要其与autoplay相冲突；
• muted属性：静音；

audio标签

• 作用：播放音频；
• 格式：<audio src=""></audio>；格式二类型上述标签；
• video标签中能够使用的属性大部分在audio标签中都可以使用；有height/width/poster三个不可以使用；

详情和概要标签

• 格式：<details><summary>概要信息</summary>详情信息</details>
• 用尽可能少的空间展示尽可能多的东西；

marquee标签

• 注意：不是W3C推荐的，但是浏览器支持的比较好；
• 作用：跑马灯，默认从右往左，且循环；
• 格式：<marquee behavior="" direction="">内容</marquee>
• direction为right：从左往右；为up：从下往上；
• scrollamount 控制速度；值越大越快；
• loop为循环次数，默认负一，也就是无限滚动；
• behavior为slide，表示文字滚到边界就不滚动了；
• behavior为alternate，则文字在边界之间来回滚动；
• 同样适用于图片；