如何在Google Sites、WordPress、Blogger上傳與嵌入YouTube影片

編輯日期：2024/09/28

一、如何將YouTube影片上傳至Google Sites？操作步驟詳解

要將YouTube的影片嵌入到Google Sites上，可以按照以下步驟操作，這樣，訪客就可以在你的Google Sites上直接觀看你嵌入的YouTube影片了。

(一)從YouTube取得影片嵌入代碼

1.  打開YouTube並找到你要嵌入的影片。

2.  點擊影片下方的分享 按鈕。

3.  在分享選項中，選擇嵌入（Embed）。

4.  YouTube會提供一段HTML 嵌入代碼，點擊複製，將代碼保存好。

 

(二)在Google Sites上嵌入影片

1.  打開Google Sites並登入Google帳號。

2.  打開你想要嵌入影片的網站，或建立一個新網站。

3.  在編輯模式下，選擇你要嵌入影片的網頁部分。

4.  在右側選單中，點擊嵌入（Embed）工具。

5.  你會看到兩個選項：「網址」和「嵌入代碼」。

6.  選擇嵌入代碼，然後將之前從YouTube複製的HTML嵌入代碼貼入框內。

7.  點擊下一步，然後確認影片已正確嵌入。

8.  調整影片大小和位置：嵌入後，你可以拖動影片來調整其在頁面上的大小和位置。

 

(三)發佈網站

1.  完成嵌入影片後，確認網頁顯示正常，並進行任何其他的編輯或修改。

2.  點擊右上角的發佈 按鈕，將更新後的網站內容上線。

 

 

二、如何將YouTube影片嵌入到WordPress網站？簡易教學

要將YouTube影片嵌入到WordPress網站中，可以按照以下步驟操作，通過這些方法，你就可以輕鬆地將YouTube影片上傳並嵌入到WordPress中。

(一)使用YouTube分享鏈接嵌入影片

這是最簡單的方式，無需編碼知識。

1.  打開YouTube並找到你要上傳的影片。

2.  複製影片的URL：

點擊影片下方的分享的按鈕，然後複製顯示的影片鏈接。

3.  進入WordPress編輯頁面：

登入你的WordPress後台，打開你要編輯的文章或頁面，或新增一篇文章。

3.  將影片鏈接直接貼上：

在文章編輯器中，直接將YouTube影片的URL貼上，WordPress會自動將這個鏈接轉換為嵌入的影片。

4.  調整影片顯示：

你可以選擇將影片嵌入到不同的段落或區塊中，並調整位置與大小。

 

(二)使用「嵌入」代碼嵌入影片

如果你需要更多的影片顯示控制（例如自訂大小），可以使用YouTube的嵌入代碼。

1.  從YouTube複製嵌入代碼：

點擊影片下方的分享 按鈕，然後選擇嵌入（Embed）。

YouTube會顯示一段HTML嵌入代碼，複製這段代碼。

2.  進入WordPress編輯頁面：

登入你的WordPress後台，打開你要編輯的文章或頁面。

3.  切換到HTML編輯模式：

在文章編輯器中，切換到「HTML」模式（有時顯示為「代碼編輯器」）。

4.  貼上嵌入代碼：

將剛才從YouTube複製的嵌入代碼貼到想要插入影片的地方。

5.  切回可視化編輯器：

切回可視化編輯器，你應該能夠看到嵌入的影片在文章中顯示。

 

(三)使用YouTube插件嵌入影片（進階）

如果你經常嵌入YouTube影片，或需要更高級的功能，可以考慮安裝一個YouTube插件。

1.  安裝YouTube插件：

進入 WordPress 後台，點擊插件→安裝插件，然後搜索「YouTubeEmbed」或其他相關插件。

選擇一個合適的插件，點擊安裝並啟用。

2.  使用插件嵌入影片：

插件安裝後，它會在文章或頁面編輯器中新增一個YouTube插入選項。根據插件的使用說明來嵌入影片，這通常可以讓你自訂更多影片屬性。

 

 

三、WordPress上傳影片：如何切換到HTML編輯模式？

在WordPress中編輯影片，其編輯器要切換到HTML編輯模式的方法取決於你使用的是哪一種編輯器（古典編輯器或區塊編輯器），以下是如何在兩種編輯器中切換到HTML編輯模式的步驟。通過這些步驟，你可以輕鬆地在WordPress中切換到HTML編輯模式，並進行需要的編輯。

(一)古典編輯器（Classic Editor）

1.  進入WordPress編輯頁面：

登入WordPress後台，打開你要編輯的文章或頁面。

2.  切換到HTML編輯模式：

在古典編輯器中，會有兩個選項卡，「視覺」（Visual）和「文本」（Text）。點擊「文本」（Text）選項卡，即可切換到HTML編輯模式。

在「文本」模式下，你可以查看和編輯HTML代碼，並進行所需的編輯。

 

(二)區塊編輯器（Gutenberg）

1.  進入WordPress編輯頁面：

登入WordPress後台，打開你要編輯的文章或頁面。

2.  切換到HTML編輯模式：

在區塊編輯器中，你需要選擇你要編輯的區塊（Block）。

點擊該區塊的三個垂直點（更多選項）圖標。

選擇「編輯HTML」（Edit as HTML）選項，這樣你可以在區塊層級上查看和編輯HTML代碼。

 

(三)編輯整篇文章的HTML：

如果你需要編輯整篇文章的HTML，可以點擊右上角的「更多選項」（三個點）圖標，然後選擇「代碼編輯器」（Code Editor），這將會切換到整篇文章的HTML編輯模式。

 

(四)使用HTML編輯模式的建議

1.  小心編輯：在 HTML 編輯模式下進行編輯時，請小心處理代碼，以免造成排版問題或其他顯示錯誤。

2.  預覽變更：完成編輯後，建議使用「預覽」（Preview）功能來查看修改效果，確保一切顯示正常。

 

 

四、如何在Blogger平台上傳YouTube影片：詳細教學

要將YouTube影片上傳到Blogger平台，操作步驟如下所述，這個步驟讓你能輕鬆地將YouTube影片嵌入Blogger文章，與讀者分享視覺內容。

1.  登入Blogger帳戶

首先，進入[Blogger網站](https://www.blogger.com/)，並使用Google帳號登入。

2.  進入要編輯的部落格

登入後，選擇你想發佈影片的部落格，然後點選「新增文章」或編輯已有的文章。

3.  插入YouTube影片

在文章編輯器中，找到工具列上的「插入影片」圖示（通常是一個影片圖標），點擊後，會出現多個選項，選擇「從YouTube影片」或「插入YouTube影片」。

4.  搜尋或貼上影片連結

你可以在彈出的窗口中搜尋影片，或直接複製並貼上你想要嵌入的YouTube影片網址。

5.  選擇影片並插入

當找到想要的影片時，點選該影片，然後按下「選取」，影片將嵌入到你的文章中。

6.  發佈文章

完成文章編輯後，點擊「發佈」來將影片發佈在你的Blogger部落格中。發佈後，讀者將能直接在文章內觀看YouTube影片。

 

 

五、Blogger嵌入YouTube影片無法播放的原因及解決方法

如果YouTube影片已嵌入Blogger文章內，但在後台及前台皆無法播放，可能有以下幾個原因及解決方式。如果以上方法無法解決問題，可能還需要聯繫Blogger或YouTube的技術支援進行進一步的檢查。

(一)影片的隱私設定問題

1.  檢查影片的隱私設定，你嵌入的YouTube影片可能設置為「私人」或「未公開」，這會導致影片無法在Blogger上播放。請前往YouTube檢查影片的隱私設定，將其設置為「公開」，以確保所有人都能看到影片。

2.  前往YouTube Studio，找到影片，並確認影片的隱私設置為「公開」。

 

(二)影片鏈接錯誤

1.  確認影片網址是否正確？有時候影片的嵌入代碼或網址不完整或有誤，導致影片無法正確顯示。請重新取得YouTube影片的嵌入代碼或鏈接，並重新插入到Blogger中。

2.  在YouTube上找到影片，點擊「分享」，選擇「嵌入」，然後複製完整的嵌入代碼並重新貼入文章。

 

(三)瀏覽器或插件問題

瀏覽器或插件的影響，確認是否有某些瀏覽器擴展或插件阻止了影片播放。嘗試使用其他瀏覽器或關閉插件，來檢查問題是否依然存在。

 

(四)Blogger頁面的快取問題

清除瀏覽器快取，頁面加載過的快取內容可能影響影片的顯示。嘗試清除瀏覽器的快取並重新加載頁面，或者在無痕模式中檢視。

 

(五)影片地區限制

檢查影片是否有限制播放區域，有些影片因為版權或內容限制，在某些地區無法播放。請確認影片是否有區域性限制，或嘗試使用VPN測試是否能在不同地區播放。

 

(六)Blogger平台錯誤

嘗試使用HTML嵌入代碼，如果影片無法通過常規方法播放，可以嘗試直接插入YouTube的嵌入代碼。步驟如下：

1.  前往YouTube影片，點擊「分享」→「嵌入」。

2.  複製嵌入代碼，並在Blogger編輯器中切換到「HTML」模式，將代碼貼入文章中。