5.多媒体标签
video标签
格式2:
<video>
<source src="" type=""></source>
<source src="" type=""></source>
</video>
格式1:
<video src="">
</video>
src属性: 视频地址
autoplay属性: 是否自动播放
controls属性: 用是否显示控制条
poster属性: 视频播放之前显示的占位图片
loop属性: 一般用于广告视频, 是否循环播放
preload属性: 预加载视频, 但是需要注意preload和autoplay相冲, 如果设置了autoplay属性, 那么preload属性就会失效
muted属性:静音
width/height属性: 和img标签中的一模一样
第二种格式存在的意义:
由于视频数据非常非常的重要, 所以五大浏览器厂商都不愿意支持别人的视频格式, 所以导致了没有一种视频格式是所有浏览器都支持的
这个时候W3C为了解决这个问题, 所以推出了第二个video标签的格式
video标签的第二种格式存在的意义就是为了解决浏览器适配问题
video 元素支持三种视频格式, 我们可以把这三种格式都通过source标签指定给video标签, 那么以后当浏览器播放视频时它就会从这三种中选择一种自己支持的格式来
举例:
<video autoplay="autoplay" controls="controls">
<source src="images/sb1.webm" type="video/webm"></source>
<source src="images/sb1.mp4" type="video/mp4"></source>
<source src="images/sb1.ogg" type="video/ogg"></source>
</video>
audio标签
格式2:
<audio>
<source src="" type=""></source>
<source src="" type=""></source>
</audio>
格式1:
<audio src="">
</audio>
src属性: 音频地址
autoplay属性: 是否自动播放
controls属性: 用是否显示控制条
loop属性: 一般用于广告音频, 是否循环播放
preload属性: 预加载音频, 但是需要注意preload和autoplay相冲, 如果设置了autoplay属性, 那么preload属性就会失效
muted属性:静音
detail、summary标签
格式:
<details>
<summary>概要信息</summary>
详情信息
</details>
marquee标签
格式:
<marquee>内容</marquee>
属性:
direction: 设置滚动方向 left/right/up/down
scrollamount: 设置滚动速度, 值越大就越快
loop: 设置滚动次数, 默认是-1, 也就是无限滚动
behavior: 设置滚动类型 slide滚动到边界就停止, alternate滚动到边界就弹回
HTML中被废弃的标签
字符实体
空格,
< 小于符号 <,(less than)
> 大于符号 >,(greater than)
© 版权符号