close

 

當我們將拍攝好的影片上傳到YOUTUBE網站後,若我們想要將該影片嵌入到個人網站的某一網頁中,透過個人網站增加影片的曝光度,這是可以透過下列操作來完成。

n   使用影片網址方式連結

這種連結方式會在訪問網頁人員點取連結字串後,會自動開啟該影片在YOUTUBE的頁面播放,吸引觀眾到影片所有者專屬頻道觀看其他影片。

Step1   先切換到要連結的影片頁面。

Step2   將滑鼠指標移到網址列,將該網頁網址框選起來,如下圖所示。

clip_image002[4]

Step3   在框選範圍上方,按滑鼠右鍵一下,選擇「複製」項目或是按CTRL+C鍵。

Step4   切換到要連結該影片的網頁,並將欲連結到該網頁的字串框選起來,如下圖所示。

clip_image004[4]

Step5   點取視窗下方屬性面板「連結」欄位,按CTRL+V鍵,將影片網址貼入該欄位中。

Step6   點取視窗下方屬性面板「目標」欄位,選擇開啟該影片所在網頁的方式,預設是「_blank」。

clip_image006[4]

   當使用者點取該連結字串即會切換到該影片在YOUTUBE的頁面播放。

n   使用內嵌方式連結

這種連結方式是讓訪問網頁人員,先在網頁中直接觀看該影片,如果覺得不錯,再點取影片右下角的連結,進入到影片在YOUTUBE的原始頁面播放,吸引訪問網頁人員到影片所有者專屬頻道觀看其他影片。

Step1   先切換到要嵌入的影片頁面。

Step2   將滑鼠指標移到影片資訊中「嵌入」超連結字串,按滑鼠左鍵一下。

Step3   將彈出的HTML語法字串框選起來,如下圖所示。

clip_image008[4]

Step4   在框選範圍上方,按滑鼠右鍵一下,選擇「複製」項目或是按CTRL+C鍵。

Step5   切換到要連結該影片的網頁。

Step6   點取要插入影片的位置。

Step7   點取視窗左上方「程式碼」按鈕,切換到程式碼頁面,按CTRL+V鍵,將影片網址貼入,如下圖所示。

clip_image010[4]

由於複製過來的程式碼,在「src=""」部份缺少「http:」字串,故需自行將其加入變成「src=”http://www.youtube.com/embed/xxxx”」。

以下針對常用的參數說明

 iframe  宣告在目前位置增加一個內置框架。

 width=xxx  框架中影片的寬度(像素)

 height=xxx  框架中影片的高度(像素)

 mrc=xxx  框架中嵌入之影片的來源位置。

 frameborder=xxx  框架邊框寬度,預設為0(像素)

Step9   點取視窗左上方「設計」按鈕,切換到設計頁面,即可看到影片在頁面的位置及大小,但無法看到播放內容。

clip_image012[4]

Step10 點取「檔案>儲存檔案」指令,將網頁儲存起來後,按F12鍵,即可透過瀏覽器看到網頁在網際網路呈現的情形。

clip_image014[4]

 


arrow
arrow

    錦子老師 發表在 痞客邦 留言(0) 人氣()