🎬 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,讓你的部落格更加精彩。
沒有留言:
發佈留言