Hi i,m JinXiang。

---

⭐ 前言 ⭐。

本文主要介绍了在HTML中插入音频和视频以及一些理论知识。

---

🍉欢迎点赞 👍 收藏 ⭐留言评论 📝私人信件必须返回😁

🍉博主收获将继续更新学习记录，如果朋友有任何问题，可以在评论区留言。

---

目录。

1.音频标签：audio。

1、简介。

2、使用。

二、视频标签：video。

1、简介。

2、使用。

三、使用音频（audio）和视频�video）需要注意的事项󿄚

---

1.音频标签：audio。

1、简介。

HTML，`

•  `
•  通过`src`URL࿰属性指定音频文件c;通过`controls`播放器控件是否显示属性指定。
•  `可用;`标签指定多个音频文件，浏览器将选择支持的格式播放。
•  `可用;`添加音频描述、字幕等元数据的标签。
•  音频的外观可以通过CSS风格来控制。
•  支持事件�如播放、暂停、结束等。

总的来说，�`

2、使用。

1. 创建`

2. 添加`controls`属性，显示播放器控件。

3. 添加``多个音频文件指定标签，浏览器将选择支持的格式播放。

除上述基本用法外，#xff00c;`

二、视频标签：video。

二、视频标签：video。

1、简介。

• `在HTML中;
• `
•  `src`: 视频文件的 URL 地址。
•  `autoplay`: 音频自动播放。
•  `controls`: 显示播放器控件。
•  `loop`: 循环播放视频。
•  `width` 和 `height`: 视频的宽度和高度。

 `poster`: 设置视频封面。

在使用`

2、使用。

1. 在`

2. `可用;controls`属性显示播放器控件，比如播放、暂停、音量、全屏等。

3. 视频的大小、自动播放、循环等属性也可以设置。

上述代码将视频设置为自动播放，并将其设置为循环播放。

• 三、使用音频（audio）和谐视频（xfff08;video）需要注意的事项󿄚
• 1、浏览器支持不同的音频和视频格式，需要在``在标签中提供不同格式的文件，以适应不同的浏览器。
• 2、在设置`src`属性时，使用相对路径或绝对路径，避免使用相对于当前页面的路径。
• 2、在设置`src`属性时，应使用相对路径或绝对路径󿼌与当前页面相比，避免使用路径
• 3、使用`controls`属性会显示默认播放器控件，但在移动设备上，默认控件可能无法显示或不友好。JavaScript自定义控件可用于此时。
• 4、在不同的浏览器和操作系统下，对媒体的支持也可能有所不同，因此，需要在不同的浏览器和设备上进行测试。
• 5、如果使用自定义控件，应注意控件的可用性和兼容性，避免不能在某些浏览器或设备上使用。

6、默认情况下，浏览器不会自动播放媒体文件󿀌用户需要手动点击播放按钮。如果你想达到自动播放的效果，`需要设置;

标签时，需要进行充分的测试和优化，提供良好的用户体验和兼容性。总结不容易󿀌希望uu不要吝啬亲爱的👍哟(＾Ｕ＾)ノ~ＹＯ！！如果有问题，欢迎评论区批评和纠正#x1f601;

分享让更多人看到