當我們將拍攝好的影片上傳到YOUTUBE網站後,若我們想要將該影片嵌入到個人網站的某一網頁中,透過個人網站增加影片的曝光度,這是可以透過下列操作來完成。
n 使用影片網址方式連結
這種連結方式會在訪問網頁人員點取連結字串後,會自動開啟該影片在YOUTUBE的頁面播放,吸引觀眾到影片所有者專屬頻道觀看其他影片。
Step1: 先切換到要連結的影片頁面。
Step2: 將滑鼠指標移到網址列,將該網頁網址框選起來,如下圖所示。
Step3: 在框選範圍上方,按滑鼠右鍵一下,選擇「複製」項目或是按CTRL+C鍵。
Step4: 切換到要連結該影片的網頁,並將欲連結到該網頁的字串框選起來,如下圖所示。
Step5: 點取視窗下方屬性面板「連結」欄位,按CTRL+V鍵,將影片網址貼入該欄位中。
Step6: 點取視窗下方屬性面板「目標」欄位,選擇開啟該影片所在網頁的方式,預設是「_blank」。
當使用者點取該連結字串即會切換到該影片在YOUTUBE的頁面播放。
n 使用內嵌方式連結
這種連結方式是讓訪問網頁人員,先在網頁中直接觀看該影片,如果覺得不錯,再點取影片右下角的連結,進入到影片在YOUTUBE的原始頁面播放,吸引訪問網頁人員到影片所有者專屬頻道觀看其他影片。
Step1: 先切換到要嵌入的影片頁面。
Step2: 將滑鼠指標移到影片資訊中「嵌入」超連結字串,按滑鼠左鍵一下。
Step3: 將彈出的HTML語法字串框選起來,如下圖所示。
Step4: 在框選範圍上方,按滑鼠右鍵一下,選擇「複製」項目或是按CTRL+C鍵。
Step5: 切換到要連結該影片的網頁。
Step6: 點取要插入影片的位置。
Step7: 點取視窗左上方「程式碼」按鈕,切換到程式碼頁面,按CTRL+V鍵,將影片網址貼入,如下圖所示。
由於複製過來的程式碼,在「src=""」部份缺少「http:」字串,故需自行將其加入變成「src=”http://www.youtube.com/embed/xxxx”」。
以下針對常用的參數說明
■ iframe 宣告在目前位置增加一個內置框架。
■ width=xxx 框架中影片的寬度(像素)
■ height=xxx 框架中影片的高度(像素)
■ mrc=xxx 框架中嵌入之影片的來源位置。
■ frameborder=xxx 框架邊框寬度,預設為0(像素)
Step9: 點取視窗左上方「設計」按鈕,切換到設計頁面,即可看到影片在頁面的位置及大小,但無法看到播放內容。
Step10: 點取「檔案>儲存檔案」指令,將網頁儲存起來後,按F12鍵,即可透過瀏覽器看到網頁在網際網路呈現的情形。