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

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

赛琳娜·托马斯(Selena Thomas)

八月27,2021 15:00发布者 MP4

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

在 HTML 中嵌入 MP4

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

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

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

网页格式

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

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

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

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




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



此浏览器不显示视频标签。

更换 使用您的视频文件夹路径或 URL 以及 姓名 与您的 MP4 文件名。

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

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

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

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

点击 创建 右上角带有摄像机图标的按钮,然后选择 上载影片。 然后点击 选择文件 按钮并上传您要插入 HTML 的 MP4。

上传视频

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

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

分享面板

请注意: YouTube 仅支持上传小于 12GB 的​​视频长达 128 小时。 推荐的纵横比为 16:9。

推荐:最佳MP4转换器

添加文件

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

最佳MP4转换器的主要功能

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

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

怎么把视频变成链接?

要将视频转换为 URL 链接,您需要一个主机服务。 幸运的是,有许多可用的服务。 例如,YouTube 使您能够上传视频并转换为链接。 此外,像 Dropbox 这样的云服务也有这样的能力。

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

这元素为 HTML5 中的 HTML 规范添加了原生视频播放支持,可用于将视频嵌入到 HTML 文档中。

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

在 HTML5 之前,为了在网页上播放视频,您需要 Adob​​e Flash Player 插件。 随着 HTML5 的引入,您现在可以将视频直接放入页面本身。

结论

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

你怎么看这个帖子?

业内优秀的

评分:4.9 / 5(180票)

更多阅读

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

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

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

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

如何将 WLMP 文件转换为 MP4

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

如何将 WLMP 文件转换为 MP4

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

MP4

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