[展覽資訊] 106年 10月份與近期展覽資訊
[遊。新竹] 新竹觀光景點摘要
[遊。行程] 四處玩樂 國內外遊記總覽、行程參考


該如何在【痞客幫】部落格內嵌入Youtube影片呢?  

只要取得嵌入碼,即可輕輕鬆鬆的將Youtube影片嵌入在部落格中。

步驟及方式如下:

2015/11/19 更新, 最近發現 Youtube 的介面有更改, 因此更新文章內容

步驟和之前差不多, 只是介面不同而已, 先取得嵌入碼再貼到痞客邦網誌內

 

1. 取得嵌入碼 

在 Youtube 影片下方, 找到『分享』按鈕, 點擊後再點擊『嵌入』, 取得 HTML 語法

Noname  

2. 插入 HTML 語法

在痞客邦文章編輯區, 點擊 『快速插入HTML語法』

未命名  

 會有另一個視窗跳出, 將剛剛從 Youtube 網頁取得的語法貼上, 按送出即可

<iframe width="560" height="315" src="https://www.youtube.com/embed/....." frameborder="0" allowfullscreen></iframe>

未命名1

3. 預覽文章

 


 

 

2016.0528補充

痞客邦有改版本, 有些人可能找不到"快速插入HTML語法"的按鈕

用圖片來說明

先點擊"百寶箱", 接著就可以看到"快速插入HTML"的按鈕

pixnet  


 

以下為之前的 youtube 介面

1.取得嵌入碼:

如圖所示,首先點選影片下方的【分享】,再點選【嵌入】,則會跳出一段語法,

選擇【使用舊版內嵌程式碼】,將整段語法複製起來。

youtube

2.切換編輯器:

將部落格發表文章的編輯模式切換到純文字編輯,這樣子語法才會有所作用。
在文字編輯模式下,貼上剛剛複製的語法,保留紅字部份,刪除其餘的語法即可。

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/g2DDtxVZofI?version=3&amp;hl=zh_TW&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/...?version=3&amp;hl=zh_TW&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

3.發表文章,檢視效果。

 

 

文章標籤
創作者介紹

大手牽小手 走遍世界各地每個角落

Chibli 發表在 痞客邦 PIXNET 留言(9) 人氣()


留言列表 (9)

發表留言
  • 星夜★桐影♥牛奶
  • 我點了分享 可是沒看到"嵌入"耶 ><
  • 理論上是可以看到"嵌入"按鈕才是...

    Chibli 於 2015/11/19 23:45 回覆

  • 蚊子
  • 謝謝教學~~
  • parrot
  • 我找不到痞客邦文章編輯區, 點擊 『快速插入HTML語法』,請幫忙,謝謝!
  • 不確定是不是因為你是使用新版的痞客邦介面, 所以找不到
    如果是這樣的話, 可以點擊"插入百寶箱", 就可以找到"快速插入HTML語法"

    Chibli 於 2016/05/28 13:32 回覆

  • 道奇兔
  • 感謝您的教學~想請問如何設定YouTube音樂可以自動播放?
  • 可以試試看這個參數設定 autoplay="true" , 加在 embed 語法

    Chibli 於 2016/07/02 00:31 回覆

  • 古塵
  • 試過了,還是不行,因為youtube早就改版,已經沒有所謂舊版內崁碼了。
  • 樂天的喵星人
  • 感謝教學,補充新版功能,在後台管理->選單->應用市集管理->功能APP->影音->
    安裝插入Youtube影片的功能即可。
  • 楷楷
  • 還是不行誒
  • 我測試過, 功能是正常的, 在痞客邦舊版編輯頁面, 可以將嵌入碼透過"插入HTML", 讓影片在文章中看的到

    Chibli 於 2016/11/26 23:00 回覆

找更多相關文章與討論