HTML YouTube 影片
在 HTML 中播放影片最簡單的方法是使用 YouTube。
對影片格式感到困擾？
將影片轉換為不同格式可能既困難又耗時。
一個更簡單的解決方案是讓 YouTube 在您的網頁中播放影片。
YouTube 影片 ID
當您儲存（或播放）影片時，YouTube 會顯示一個 ID（如 tgbNymZ7vqY）。
您可以使用此 ID，並在 HTML 程式碼中引用您的影片。
在 HTML 中播放 YouTube 影片
要在網頁上播放您的影片，請執行以下操作：
- 將影片上傳到 YouTube
- 記下影片 ID
- 在您的網頁中定義一個
<iframe>元素 - 讓
src屬性指向影片 URL - 使用
width和height屬性指定播放器尺寸 - 將任何其他引數新增到 URL（見下文）
示例
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
自己動手試一試 »
YouTube 自動播放 + 靜音
您可以透過在 YouTube URL 中新增 autoplay=1 來讓影片在使用者訪問頁面時自動開始播放。但是，自動開始播放影片會令您的訪客感到厭煩！
注意： Chromium 瀏覽器在大多數情況下不允許自動播放。但是，靜音自動播放始終是被允許的。
在 autoplay=1 之後新增 mute=1，可以讓您的影片自動開始播放（但靜音）。
YouTube - 自動播放 + 靜音
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
自己動手試一試 »
YouTube 播放列表
要播放的影片的逗號分隔列表（除了原始 URL 之外）。
YouTube 迴圈播放
新增 loop=1 以便您的影片可以無限迴圈播放。
值 0（預設）：影片僅播放一次。
值 1：影片將迴圈播放（永久）。
YouTube - 迴圈播放
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
自己動手試一試 »
YouTube 控制元件
新增 controls=0 以不在影片播放器中顯示控制元件。
值 0：不顯示播放器控制元件。
值 1（預設）：顯示播放器控制元件。
YouTube - 控制元件
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>
自己動手試一試 »
