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


要将视频嵌入到 HTML 页面中,请使用 <iframe> 元素source 特性包括视频 URL。对于视频播放器的尺寸,请相应设置视频的widthheight

视频 URL 是视频嵌入链接。我们将嵌入到示例中的视频将是 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>

更新于: 2023 年 9 月 2 日

69K+ 次浏览

开启你的 职业生涯

完成课程,获得认证

开始
广告