如何像专业人士一样在 HTML 中嵌入 MP4 视频文件

如何像专业人士一样在 HTML 中嵌入 MP4 视频文件

赛琳娜·托马斯

2021年8月27日 15:00发布者 MP4

如今,一切都变得越来越简单,除了专业工作,例如 在 HTML 中插入 MP4 视频 网页。这是因为所有网络浏览器都没有统一的标准来定义嵌入的媒体文件(如视频)。在本章中,我们将演示两种在网页上添加视频的方法,以便每个人都可以像专业人士一样制作嵌入视频的 HTML。

在 HTML 中嵌入 MP4

第 1 部分:如何在 HTML 中插入 MP4

方法 1:如何使用代码将 MP4 嵌入 HTML

网页使用 HTML 代码来创建结构。这类似于在 HTML 中添加 MP4 并嵌入照片。但是,它需要更多控件,例如播放、循环、音频等。此外,视频应该根据您的浏览器放大和缩小。因此,它也需要外部 CSS 文档。

MP4 的 HTML

步骤1

首先,创建一个CSS文档,并输入以下命令:

.welcome_vid {
显示:块;
左边距:自动;
右边距:自动;
宽度:80%;
高度:自动;
}

这意味着将 MP4 添加到 HTML 的中心并使视频具有响应性。将 CSS 文档命名为 样式.css 并将其与网页放在同一目录下。

第2步

通过在网页中添加代码,将CSS文档插入到网页中:

<head>
<link rel=”stylesheet” href=”style.css” type=”text/css” />
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
</head>

步骤3

现在,使用以下代码将 MP4 插入 HTML 中:

代替 小路 您的视频文件夹路径或 URL 以及 姓名 使用您的 MP4 文件名。

步骤4

保存网页并检查视频是否在网页上播放。

方法 2:如何在 HTML 中添加 YouTube MP4

命令语言对于初学者和普通人来说很难。您可能想知道是否可以在没有任何技术技能的情况下在 HTML 中添加 MP4。以下步骤可能会有所帮助。

步骤1

在浏览器中打开 YouTube 网站,然后登录您的帐户。如果您没有帐户,请创建一个新帐户。

第2步

点击 创造 右上角带有摄像机图标的按钮,然后选择 上传视频. 然后点击 选择文件 弹出对话框中的按钮并上传您想要在 HTML 中插入的 MP4。

上传视频

步骤3

按照屏幕上的说明设置描述和其他选项。最后,点击 节省 按钮。

步骤4

接下来,在 YouTube 中打开上传的视频,您将看到几个选项。点击 分享 图标,您将获得共享面板。转到 嵌入 选项卡,复制框中的链接并将其粘贴到您的网页中。MP4 将添加到您的 HTML 文档中。默认情况下,视频嵌入在 iframe 中。您还可以更改代码,例如视频大小等。

分享面板

笔记: YouTube 仅支持上传最长 12 小时且不超过 128GB 的视频。建议的宽高比为 16:9。

推荐:最佳 MP4 转换器

添加文件

MP4 是一种通过互联网分发动画内容的标准视频格式。有时,您只有 AVI、MKV 或其他无损视频文件。它们提供比 MP4 更好的质量,但文件大小更大。最好的解决方案是使用 蓝光大师视频转换器终极版.

最佳 MP4 转换器的主要功能

简而言之,它是将视频文件转换为 MP4 的最佳选择。

第 2 部分:有关在 HTML 中嵌入 MP4 的常见问题解答

如何将视频转换为链接?

要将视频转换为 URL 链接,您需要托管服务。幸运的是,有许多服务可用。例如,YouTube 允许您上传视频并转换为链接。此外,Dropbox 等云服务也具有这样的功能。

在 HTML 中哪个标签用于插入视频?

如何在页面加载时播放视频?

在 HTML5 之前,要在网页上播放视频,您需要 Adobe Flash Player 插件。随着 HTML5 的推出,您现在可以将视频直接放入页面本身。

结论

本指南告诉您两种将 MP4 插入 HTML 的简单方法,以便您可以在网页上发布视频。对于初学者,您可以使用 YouTube 作为主机并创建视频链接。但是,HTML 代码为您提供了更多视频播放控制。如果您有其他问题,请随时在本帖下方留言。

你怎么看这个帖子?

出色的

评分:4.9 / 5 (180 票)

更多阅读

如何将 DAV 转换为 MP4 – 转换 CCTV DAV 文件的 3 种可行方法

什么是 DAV 文件?当您在 DAV 中录制了一些视频时,如何将 DAV 转换为 MP4?只需从文章中了解更多有关 3 种可行方法的信息即可。

在 Windows 和 Mac 上将 M4A 转换为 MP4 的 2 种最佳方法

当您想要将 iTunes M4A 转换为 Android 手机或其他设备时,您可以从文章中获得 2 种将 M4A 转换为 MP4 的有效简便的方法。

如何将 WLMP 文件转换为 MP4

您是否无法在计算机上打开 WLMP 文件?事实上,没有媒体播放器可以播放它。您需要将 WLMP 转换为 MP4。本文将为您提供将 WLMP 转换为 MP4 的 3 种方法。

如何将 WLMP 文件转换为 MP4

您是否无法在计算机上打开 WLMP 文件?事实上,没有媒体播放器可以播放它。您需要将 WLMP 转换为 MP4。本文将为您提供将 WLMP 转换为 MP4 的 3 种方法。

MP4

什么是 MP4 从 MP4 中提取字幕 MP4 元数据编辑器 MOV 与 MP4 压缩 MP4 文件 MP4切割器 裁剪 MP4