部落格教學|簡單 3 步驟,將 YouTube Shorts

分享簡單小技巧,讓 YouTube Shorts 也能像一般影片一樣成功嵌入網頁中!

 

 

為什麼要將 Youtube Shorts 短影音嵌入網頁內

 

現在短影音為王,不論是介紹產品、旅遊分享還是日常記錄,只要用得好,都能快速吸引目光!

但對有經營網站或部落格的你來說,是不是也想過把這些爆紅的 YouTube Shorts 嵌入自己的網頁中,卻不知道該怎麼做?

這應該是很多創作者和經營者的共同疑問吧!

 

YouTube Shorts 的分享選單裡並不像一般影片有「嵌入」功能,讓很多人以為不能嵌入,其實有一個小技巧就可以解決哦!

 

今天就來分享簡單小技巧,讓 YouTube Shorts 也能像一般影片一樣成功嵌入網頁中!


 

將 Youtube Shorts 嵌入網頁步驟

 

部落格教學|簡單 3 步驟,將 YouTube ShortsStep 1

打開你要嵌入的 YouTube Shorts 影片。

點選右下角的「分享」,複製連結網址貼在網址列上方。

圖片1-01.jpg

 

 

圖片2-02.jpg

 

 

 

 

部落格教學|簡單 3 步驟,將 YouTube ShortsStep 2

 

將貼在上方網址列中的「shorts」改成「embed」,然後按 Eneter,此時會出現黑屏「無法播放影片,在 YouTube 上觀看」的字樣,請點擊「 YouTube 上觀看」,會變成「一般長影片」的播放模式。

 

舉例:

原網址 https://www.youtube.com/shorts/jPEfD-zAWLk

修改為 https://www.youtube.com/embed/jPEfD-zAWLk

 

圖片3-05.jpg


 

部落格教學|簡單 3 步驟,將 YouTube ShortsStep 3

複製此頁超連結網址或使用下方的分享按鈕 → 選擇「嵌入」,即可取得 iframe 語法,貼到網站中,就可以囉!

圖片3-1-04.jpg

圖片4-05.jpg

 

 

圖片5-06.jpg

 

 

🔔Youtube Shorts 嵌入網頁步驟小提醒

 

複製 Youtube Shorts 的網址只能從上方「網址列」的連結來改,不能從「分享按鈕」複製的網址來改,否則無法成功嵌入,因為兩者複製出來的網址是不一樣的。


 

這個方法是不是很簡單又實用呢?

 

如果你有經營網站、部落格,需要在網站嵌入 YouTube Shorts,可以把這個技巧收藏起來,省時又方便,歡迎轉分享給需要的朋友!

 

 

喬伊絲粉社群分享更多生活日常,歡迎追蹤!

 

部落格學習分享

部落格教學|簡單 3 步驟,將 YouTube Shorts 嵌入部落格文章內

學習日誌 | 痞客邦 Banner 修改,簡單 6 步驟善用語法輕鬆更改好上手

學習日誌|部落格錨點功能 ,一秒跳到文章指定段落,方便尋找段落標題

學習日誌|Instagram 部落格側欄及文章內頁設定