🎬 YouTube Shorts 要怎麼嵌入到部落格?完整教學 + 範例程式碼

🎬 YouTube Shorts 要如何嵌入到部落格?完整教學

隨著短影音的盛行,越來越多人希望能在自己的部落格或教學網站中加入 YouTube Shorts,讓文章更生動。然而,與一般 YouTube 影片不同,Shorts 在「分享」選單裡通常看不到「嵌入」選項。如果只是單純把網址貼進去,結果往往只會出現一個連結,而不是能直接播放的影片。這讓許多使用者以為 Shorts 不能嵌入,其實只要稍微修改網址,就能順利解決。

一、步驟說明

首先,先找到影片網址,例如:

https://www.youtube.com/shorts/yWammxUCASA

這裡的「yWammxUCASA」就是影片的 ID。接著,將網址中的 shorts/ 改成 embed/

https://www.youtube.com/embed/yWammxUCASA

這就是可以被 <iframe> 使用的嵌入格式。

二、程式碼範例

接下來,我們只要把這個網址放進 <iframe> 標籤即可
寫法:

<iframe width="100%" height="420"
  src="https://www.youtube.com/embed/yWammxUCASA"
  title="YouTube Shorts player" frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; 
  encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen></iframe>

這段程式碼可以直接貼到 Blogger 的 HTML 模式,或是 WordPress 的自訂 HTML 區塊。儲存後,文章裡就會出現直式影片播放器,讀者能直接觀看影片,不需要再跳轉到 YouTube 網站。

三、結論

其實要在部落格嵌入 YouTube Shorts 一點都不困難,最重要的步驟就是把網址從 shorts/ 改成 embed/,接著利用 <iframe> 包起來,就能成功顯示。透過這樣的方法,不僅能讓文章更具互動性,也能結合圖文與影音,提升內容的可讀性與吸引力。只要掌握這個簡單技巧,以後不論是教學文章、分享日記,或是專業知識整理,都能輕鬆搭配 Shorts,讓你的部落格更加精彩。

沒有留言:

發佈留言