网页制作插入音频视频

在网页制作中插入音频和视频通常涉及HTML5的新特性，因为HTML5极大地简化了多媒体内容的嵌入。以下是两种常见的方法：

**1. 插入音频**:

<audio controls>
  <source src="audio.mp3" type="audio/mpeg"> <!-- 或者其他格式如ogg、wav -->
  您的浏览器不支持音频播放。
</audio>

在这个例子中，`src`属性指定了音频文件的位置，`controls`属性允许浏览器显示播放控制（如播放/暂停按钮）。

**2. 插入视频**:

<video width="320" height="240" controls>
  <source src="video.mp4" type="video/mp4"> <!-- 或者其他格式如webm、ogg -->
  您的浏览器不支持视频播放。
</video>

同样地，`<video>`标签包含了`src`和`type`用于指定视频源，以及`controls`属性提供播放控制。

**注意事项**：
- 考虑到兼容性问题，最好提供多种格式（比如MP4和WebM），以覆盖不同浏览器的支持情况。
- 使用`<source>`标签可以定义多个源，如果用户浏览器不支持第一个格式，会尝试下一个。
- 对于大型媒体文件，考虑使用懒加载技术，避免页面初始加载时阻塞。