如何在 HTML 中嵌入音频和视频？

HTML 代表超文本标记语言。它用于使用标记语言设计网页。它是超文本和标记语言的组合。 HTML 使用预定义的标签和元素来告诉浏览器如何在屏幕上正确显示内容。因此，在本文中，我们将学习在 HTML 中嵌入音频和视频。为了在网页上插入多媒体文件，我们已经知道在 HTML 中插入图像。

如何在 HTML 中嵌入音频？

为了在 HTML 中嵌入音频，我们使用

句法：

Attribute	Value	Description
autoplay	autoplay	When the page is loaded. It specifies to play audio as soon as possible.
controls	controls	It displays audio control.
loop	loop	It will start the audio again when it is finished.
muted	muted	When the page is loaded audio will be automatically muted.
preload	auto metadata none	It specifies how the author thinks the audio will be loaded when the page is ready.
src	URL	It specifies the URL of the audio file.

例子：

在此示例中，我们将向网页添加音频文件。要在网页上添加音频文件，我们需要一个记事本或其他文本编辑器。

步骤 1：通过在应用程序列表中搜索记事本打开记事本。

第 2 步：使用有效名称保存一个带有 .html 扩展名的新文件。

第 3 步：保存 HTML 文件后，您可以在此文件中编写 HTML 代码。在这个例子中，我们必须嵌入一个音频文件，所以首先准备一个音频文件并保存 HTML 的相同目录。然后我们按照HTML代码格式编写如下所示的HTML代码。

HTML

Click play button to play audio

输出：

注意：在添加音频源之前，必须确保音频文件在同一目录下并指定名称。

如何在 HTML 中嵌入视频？

为了在 HTML 中嵌入视频，我们使用

句法

Attribute	Value	Description
autoplay	autoplay	When the page is loaded. It specifies to play video as soon as possible.
controls	controls	It displays video control such as play, pause, and stop.
loop	loop	It will start the video again when it is finished.
muted	muted	When the page is loaded video will be automatically muted.
poster	URL	It specifies an image will be shown until video play.
preload	auto metadata none	It specifies how the author thinks the video will be loaded when the page is ready.
src	URL	It specifies the URL of the audio file.
width	pixels	It specifies the width of the video area. The default value of width is ‘auto’.
height	pixels	It specifies the height of the video area. The default value of width is ‘auto’.

例子：

在这个例子中，我们将向我们的网页添加一个视频。要添加视频，我们将使用

HTML

Click play button to play video

或者您可以使用以下代码：

HTML

Click play button to play video

输出：