該如何在【痞客邦】部落格內嵌入Youtube影片呢?  只要取得嵌入碼,即可輕輕鬆鬆的將Youtube影片嵌入在部落格中。

步驟及方式如下:

痞客邦『應用市集/App Market』有推出對應的 APP,可以在文章編輯的時候插入 Youtube 影片 https://appmarket.pixnet.tw/#!/addons/free/addon/17

安裝『插入 Youtube 影片』, 將 Youtube 網頁網址貼上, 接著選擇視影片畫面大小, 就可以預覽。這個方法就不需要費工夫去找 HTML 語法

   

 

2016.0528補充

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

用圖片來說明, 先點擊"百寶箱", 接著就可以看到"快速插入HTML"的按鈕

pixnet  

 

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. 預覽文章

 


 

 

 


 

以下為之前的 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.發表文章,檢視效果。

 

 


arrow
arrow
    文章標籤
    youtube 嵌入影片 痞客邦
    全站熱搜

    Chibli/紅蜻蜓 發表在 痞客邦 留言(14) 人氣()