[教學] 如何在網站上嵌入 Facebook 影片?

常見疑難問題

影片上傳嵌入到網站的服務不再是YouTube獨享,Facebook現在也有提供將Facebook影片嵌入到部落格、網站、Blogger、WordPress、痞客邦等網站,選擇嵌入影片到Facebook時,會提供壹大串的語法,通常是貼上去就好了。但現在因為大家網站都使用太多的Facebook元素,結果導致他語法貼到部落格或網站時,居然無法顯示?現在就讓我們來解抉這洋的FB嵌入影片問題。

Facebook 影片要嵌入之前,請先上傳到Facebook,不過我個人還是覺得上傳到YouTube再嵌入比較好,因為YouTube的機制上比較完善,再來則是YouTube他還可以搭配觀賞影片賺錢的服務,讓分享者也可以獲得廣告營收,何樂而不為?不過有些人嵌入FB影片可能是廠商要求或者是想分享的影片就只有在Facebook上有,所以只好這洋了。

說到Facebook影片,還記得之前有介紹過「Facebook Video Downloader Pro」、「如何下載 Facebook 影片?(FB抓影片免軟體)」、「Facebook、Youtube下載工具:Free Video Downloader」等抓FB影片服務嗎?如果妳本身影片分享到FB,但是想要透過YouTube賺錢,那趕快透過以上方式將影片抓下來,重新上傳到YouTube分享賺錢吧!

壹、Facebook 影片嵌入:黑背景預覽版

第1步 首先找到妳想要嵌入的影片。如果是在這洋的黑背景視窗、Lightbox視窗,請點選FB影片下方的【選項】→【嵌入影片】。

fb_video_1

第2步 接著會跳出「在外部網頁嵌入此影片」的視窗,請複製語法並貼到要顯示的網站即可。

fb_video_2

二、Facebook影片嵌入:壹般網頁版

第1步 如果開到的Facebook 影片是這洋類型的,請點選右側「嵌入影片」。

fb_video_3

第2步 複製影片語法貼上即可。

fb_video_4

三、無法張貼Facebook影片在WordPress網站?解抉方法!

可能有些使用者在張貼Facebook影片至WordPress網站時,可能會發現影片無法張貼,那可能造成得原因是版型已經有Facebook的壹段引用代碼,或者是網站上已經有加裝Facebook外掛,可能因為語法和語法衝突,造成無法加入,因此我們要換個方式來嵌入影片。

第1步 壹般預覽「在外部網頁嵌入此影片」的視窗中,後方有壹個「了解更多」請點擊。

fb_video_5

第2步 接著,請複製要嵌入的FB影片之網頁網址。

fb_video_6

第3步 剛剛點「了解更多」會來到此畫面,請在上方【URL of video】輸入影片網址,右側【The pixel width of the video】則是影片寬度,預設500。輸入完畢確認下方出現影片預覽後,點選﹝Get Code﹞。

fb_video_7

第4步 接著會出現兩段語法,如果是WordPress用護而且已經遇到壹般的FB影片語法貼上無法呈現者,請直接複製下方「語法2」貼到妳要顯示的文章中。

fb_video_8

第5步 貼上之前,請先將編輯器切換到「文字」模式,再把語法貼上。貼上後可以點選右上角﹝預覽﹞看看是否張貼成功?

fb_video_9

第6步 完成,張貼成功!

fb_video_10

(轉自香腸炒魷魚)

Post a comment

 

Loading...