2007年4月23日 星期一

YouTuBe影片嵌入及調整外框大小 教學

當我們在YouTuBe網站上看到一個喜歡的影片想把它直接嵌入自己的網站或是Blog而不是用連結的方式時,該怎麼用?
很簡單,首先找到您要的影片


注意到右方有有兩行可以打字但是裡面卻寫著網址跟程式的地方嗎?
一條是URL,這是超連結,這一行只會連結到妳看的這個影片的網址,並不能直接在您的網站或是Blog撥放,不過這有個好處,想讓網站乾淨點,不要出現太多的嵌入影片佔了版面,也是不錯的選擇












不過!我們要的是把影片直接嵌入到Blog裡,所以我們要把Embed(用紅線畫起來的地方),全部複製起來 然後到建立文章裡(這裡以Blogger做範例),點選右上有一頁"修改 Html"
















把剛剛我們複製的Embed的程式碼貼上文章裡,記得是要在"修改Htnl"裡加入程式碼










如此一來就大功告成啦


接著是修改影片外框大小,首先我們先找到Embed程式碼,裡面有一是"width="425"height="350"
這是指外框像數,我們只要變更這兩個數字,就可以改變影片大小,比如說350跟280 就會變成以下的大小


補充一下:YouTuBe也可以發表在網頁元素上
請登入自己的Blogger,到板面修改配置,然後選擇"加入網頁元素"





















然後點選"HTML/JavaScript 將第三方功能或其他程式碼加入您的 blog。"




























然後打上標題,在內容複製YouTuBe,Embed程式碼,即完成!!


























接下來就可以到Blog裡觀看,記得,請應用之前修改大小的方式,來修改成適合的大小,不然就會像下圖一樣,被切掉一半


















以上就是YouTuBe影片嵌入的教學,如果有錯請多指正,Html程式碼本人還是初學,有錯誤請多多包涵:P

沒有留言:

Powered By Blogger