七、details、summary、mark标签
<details>
<summary>你好!</summary>
欢迎关注<mark>极客研习社</mark>!
</details>
八、多媒体标签audio和video
(一)、audio
属性 |
值 |
描述 |
autoplay |
autoplay |
如果出现该属性,则音频在就绪后马上播放 |
controls |
controls |
如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮) |
loop |
loop |
如果出现该属性,则每当音频结束时重新开始播放 |
muted |
muted |
如果出现该属性,则音频输出为静音 |
preload |
auto、metadata、none |
规定当网页加载时,音频是否默认被加载以及如何被加载 |
src |
url |
规定音频文件的url |
<audio>
<source src="./images/XXX.mp3" type="audio/mp3">
<source src="./images/XXX.ogg" type="audio/ogg">
您的浏览器不支持当前格式的音频!
</audio>
(二)、video
属性 |
值 |
描述 |
autoplay |
autoplay |
如果出现该属性,则视频在就绪后马上播放 |
controls |
controls |
如果出现该属性,则向用户显示控件,比如播放按钮 |
height |
pixels |
设置视频播放器的高度 |
loop |
loop |
如果出现该属性,则当媒介文件完成播放后再次开始播放 |
muted |
muted |
如果出现该属性,视频的音频输出为静音 |
poster |
url |
规定视频正在下载时显示的图像,直到用户点击播放按钮 |
preload |
auto、metadata、none |
如果出现该属性,则视频在页面加载时进行加载,并预备播放,如果使用“autoplay”,则忽略该属性 |
src |
url |
要播放视频的url |
width |
pixels |
设置视频播放器的宽度 |