如何使用 HTML 代码嵌入视频?

htmlweb developmentfront end technology更新于 2025/2/27 2:52:17

要在 HTML 页面中嵌入视频,请使用 <iframe> 元素。source 属性包含视频网址。对于视频播放器的尺寸,请适当设置视频的 width 和 height。

视频网址是视频嵌入链接。我们将在示例中嵌入 YouTube 视频。

要获取嵌入链接,请转到 YouTube 视频并点击"嵌入",如下所示。您将在此处获得嵌入链接 -

您可以尝试运行以下代码,了解如何使用 HTML 代码嵌入视频。复制如上所示的嵌入链接并将其添加到 HTML 文档中

示例

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Video embed</title>
   </head>
   <body>
      <p>Learn Eclipse</p>
      <br />
      <iframe width="560" height="315" src="https://www.youtube.com/embed/y881t8ilMyc" frameborder="0" allowfullscreen></iframe>
      </iframe>
   </body>
</html>

相关文章


有用资源