如何使用 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+ 次瀏覽

開啟你的 職業生涯

完成課程,獲得認證

開始
廣告
© . All rights reserved.