技术频道导航
HTML/CSS
.NET技术
IIS技术
PHP技术
Js/JQuery
Photoshop
Fireworks
服务器技术
操作系统
网站运营

赞助商

分类目录

赞助商

最新文章

搜索

在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>

demodownload

以下是输出

 

如你所见,我们使用 object 标签来显示图像和视频文件,而不是<img><video>标签。

2、使用 embed 标签

embed 标签的构建有一个单一的目标:允许你在 HTML 文档中嵌入多媒体资产。与 object 标签一样,你可以在其中包含任何类型的文件。

示例

<embed src="image.jpg">
<embed src="video.mp4">

demodownload

以下是输出

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>

demodownload

执行结果

 

总结

本文介绍了三种在HTML中添加音频、视频文件的方法,通常情况下,选择用video标签添加视频文件,用autio标签添加音频文件。在使用其他标签时,应考虑到浏览器的兼容问题。

标签: 音频  视频  
相关文章
    x
    x
    • 站长推荐