音频 audio
audio 标签 controls/loop/preload、MP3/OGG/WAV 格式
HTML 音频 audio
<audio> 标签嵌入音频播放器——背景音乐、播客、音效都靠它。
学完本章你将： 掌握 audio controls/loop、MP3/OGG 格式。
基本音频
html
<audio controls>
<source src="music.mp3" type="audio/mpeg">
<source src="music.ogg" type="audio/ogg">
你的浏览器不支持 audio 标签。
</audio>常用属性
html
<audio controls <!-- 显示播放控件 -->
autoplay <!-- 自动播放（通常需要 muted） -->
muted <!-- 静音 -->
loop <!-- 循环播放 -->
preload="auto"> <!-- 页面加载时预加载 -->
<source src="music.mp3" type="audio/mpeg">
</audio>嵌入 YouTube 视频
html
<iframe width="560" height="315"
src="https://www.youtube.com/embed/VIDEO_ID"
title="YouTube 视频"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen>
</iframe>💡 YouTube、B站、腾讯视频等平台都提供"分享 → 嵌入代码"，直接复制 iframe 即可。