如何使用 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>

更新於: 02-Sep-2023

69K+ 瀏覽量

開啟您的 職業生涯

完成該課程以獲得認證

開始
廣告
© . All rights reserved.