在HTML中添加音频、视频文件的几种方法
作者:admin 时间:2022-7-29 14:37:15 浏览:如果你需要在HTML中添加音频、视频文件，那么有多种方法可以实现。本文将介绍三种实现方法。
1、使用 object 标签
object是一个 HTML 标签，旨在允许我们在网页上包含各种媒体，例如音频、视频、照片和 PDF。它不经常使用，因为大多数浏览器都不支持它。它的执行方式取决于我们附加的媒体类型。
示例
<object data="image.jpg" width="300" height="200"></object>
<object data="bridge.mp4" width="300" height="200"></object>
以下是输出
如你所见，我们使用 object 标签来显示图像和视频文件，而不是<img>和<video>标签。
2、使用 embed 标签
embed 标签的构建有一个单一的目标：允许你在 HTML 文档中嵌入多媒体资产。与 object 标签一样，你可以在其中包含任何类型的文件。
示例
<embed src="image.jpg">
<embed src="video.mp4">
以下是输出
3、使用 video 和 audio 标签
video 标签是在浏览器中添加视频文件的方法，详见《实例详细介绍HTML中的视频标签video标签》
audio 标签是在浏览器中添加音频文件的方法，详见《实例详细介绍HTML音频标签audio标签》。
示例
<video controls>
<source src="bridge.mp4" type="video/mp4">
</video>
<audio controls>
<source src="music.mp3" type="audio/mp3">
</audio>
执行结果
总结
本文介绍了三种在HTML中添加音频、视频文件的方法，通常情况下，选择用video标签添加视频文件，用autio标签添加音频文件。在使用其他标签时，应考虑到浏览器的兼容问题。
相关文章
x
- 站长推荐
