免費諮詢
↑
Design · 網站設計與費用

只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中

網站設計與費用發布 2023.08.22更新 2026.08.03閱讀約 2 分鐘

Youtube Shorts 短影片嵌入到網頁中

隨著使用者習慣的改變,各大平台、社群媒體紛紛加入「Shorts」也就是我們說短影片,但當你想要將shorts影片上傳到網站時,會發現點開分享圖示時,沒有「嵌入」的選項怎麼辦呢?不用擔心,小編會帶著大家一步一步來學習!就讓我們接著看下去吧~

只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|沒有嵌入碼|鵠崙設計04
只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|沒有嵌入碼|鵠崙設計04
只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|有嵌入碼|鵠崙設計03
只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|有嵌入碼|鵠崙設計03

教學示範

第一步:先點右下角的「分享」圖示。

只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step1|鵠崙設計05
只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step1|鵠崙設計05

第二步:複製影片的位置。

只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step2|鵠崙設計06
只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step2|鵠崙設計06

第三步:貼到網址列後,將中的shorts改成embed。

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

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

第四步:點擊「分享圖示」、「更多」

只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step4-2|鵠崙設計10
只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step4-2|鵠崙設計10

第五步:就會跳回一般模式,即可複製嵌入碼囉!

只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step5|鵠崙設計11
只要 1 招!手把手教你如何將 youtube shorts 短影片嵌入到網頁中|step5|鵠崙設計11

結語

想打造能帶來詢問的品牌網站?免費諮詢 →

如果你也有遇到 Youtube Shorts 無法複製嵌入碼的話,那就趕快跟著小編的腳步一起試試看,另外大家也可以進入鵠學苑一起學習更多實用又有趣的小工具,有什麼想法或想看的主題也歡迎留言給小編,那今天的分享就到這邊,我們下次見~

鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。這篇文章由負責維護的同事撰寫,數字來自實際的報價與維護紀錄。
FAQ

這篇文章,
常問的。

針對這篇內容的問答;更一般的問題看網站設計與費用 hub。

01為什麼在 YouTube Shorts 的分享選單裡,找不到「嵌入」這個選項?

目前YouTube Shorts的分享圖示點開後,不會像一般影片那樣直接列出「嵌入」選項,所以沒辦法馬上複製到嵌入碼。這時候可以把網址列裡的shorts改成embed,頁面就會切換回一般播放模式,再從分享選單裡找到嵌入碼可以複製。

02網址列裡的 shorts 改成 embed 之後,馬上就可以複製到嵌入碼了嗎?

不會馬上就有嵌入碼。把網址中的shorts改成embed,只是讓頁面切換回一般影片的播放模式,接下來還要再點一次分享圖示,選擇「更多」,才會跳出可以複製的嵌入碼。

03這個方法要用的影片網址,應該從哪裡複製才對?

要用第一步驟點影片右下角分享圖示所複製到的網址,也就是原本網址列會顯示shorts字樣的那組連結,把其中的shorts改成embed後貼回網址列操作即可。

04一般的 YouTube 影片也會遇到找不到嵌入碼的問題嗎?

一般的YouTube影片點開分享圖示時,通常就能直接看到「嵌入」選項並複製嵌入碼,不需要像Shorts影片這樣額外修改網址才能取得。

Service

看完之後,想找人做?

網站設計:先理解你的生意、確認架構,再開始設計;費用區間先講清楚。

網頁設計服務
Contact

留下需求,
1 個工作天內回覆。

告訴我們你的產業、現在的網站、想解決什麼;回覆時會附上同產業的案例與估價區間。