HTML学习之路-第五天

1.video标签

（1）作用：播放视频

（2）格式：<video src="视频路径" autoplay="autoplay"></video>

（3）属性：-autoplay（自动播放视频）

                    -controls（进度控制条）

                    -poster（视频未播放时显示的默认图片）

                    -loop（循环播放视频，用于广告视频，用户不能控制进度）

                    -preload（预加载视频）

                    -muted（静音）

                    -width（宽度）

                    -height（高度）

（4）格式2：<video>

                                   <source src="" type="">

                      </video>（解决浏览器视频格式适配问题）

2.audio标签

（1）作用：播放音频

（2）格式：<audio src=""></audio>

（3）格式2：<audio>

                      <source src="" type="">

                      </audio>

（4）属性与video标签一样

3.详情和概要标签

（1）作用：比较抽象，直接上图，如图，“充话费”等就是概要信息，下面的框就是详情信息

（2）格式：<details>

                                  <summary>概要信息</summary>

                                  详情信息

                    </details>

4.marquee标签

（1）作用：跑马灯效果

（2）格式：<marquee>内容</marquee>

（3）如图所示，文字会慢慢向左移动

（4）属性：-direction（控制方向，right从左向右，up从下往上，down从上往下）

                    -scrollamount（滚动速度，值越大越快）

                    -loop（滚动次数）

                    -behavior（滚动类型，slide滚动到边界停止，alternate滚动到边界弹回）