如何將Facebook影片嵌入教學1.jpg

在臉書看到不錯的影片,除了可以按「收藏」外,如果不想在存取在臉書裡,

而是想將書動態上的「Facebook影片」嵌入進「部落格」或「網頁」中轉分享,

一開始可能會去點影片右下方的「齒輪」設定,但那只是控制播放時畫面的大小。如何將Facebook影片嵌入教學.jpg

如何將Facebook影片嵌入進部落格等網頁中轉分享,要找到發文右上角的「V」,點出選單,會有「嵌入」的選項。

FACEBOOK內嵌影片和直播視訊播放器(官方說明):

內嵌影片播放器讓您可以輕鬆地在網站上加入 Facebook 影片和 Facebook 直播視訊。您的影片來源可以是粉絲專頁或用戶公開發佈的影片或直播視訊。

步驟

1.選擇網址或網頁,挑選要內嵌的 Facebook 影片網址。

2.程式碼配置器,將網址貼至程式碼配置器,然後點擊取得程式碼按鈕,即可產生您的內嵌影片播放器程式碼。

3.複製並貼上 HTML 程式碼片段,複製該程式碼片段,然後貼至目標網站的 HTML。

FACEBOOK貼心的完整說明頁:網址

如何將Facebook影片嵌入教學2.jpg

馬上就會出現「嵌入影片」的代碼,就能複製貼進你的部落格或網站的「原始碼」網頁中。

不過這個代碼是預設影片寬度大小為「500」,若想調整影片大小呢?

點進上圖中的「進階設定」~

如何將Facebook影片嵌入教學3.jpg

進入臉書嵌入影片的「進階」設定後,上圖右上處有個影片寬度變更處,可以將500改成600或你要的大小。

左下角則能「取得代碼」,在這裡還能看到影片的網址,若只是要另外留存影片網址,也能在這邊取得。

如何將Facebook影片嵌入教學5.jpg

進階的影片嵌入代碼,有提供兩種:JavaScript SDK、Iframe

可以配合你網頁使用的編碼取用其中一種。

如何將Facebook影片嵌入教學4.jpg

以痞客邦部落格來說,使用「Iframe」的程式碼,

複製起來貼編輯文章的「html」(原始碼)網頁中就OK啦!

Agoda.com - Smarter Hotel Booking

Agoda線上訂房:曼谷Bangkok飯店推薦 請點我

Booking預訂飯店:泰國Thailand住宿搜尋 請點我

HotelsCombined國際飯店比價網:泰國Bangkok曼谷

小約翰的飯店入住文章:曼谷Bangkok飯店請點我清邁Chiang Mai飯店請點我

klook

中文線上預訂接駁、包車、一日遊迷你團、各式表演票券:KLOOK客路KKDAY酷遊

kkday

新書上市:泰國曼谷旅遊書:曼谷玩不膩 行程規劃書,輕鬆搞定曼谷旅遊行程!

博客來:曼谷玩不膩!行程規劃書、金石堂:曼谷玩不膩!行程規劃書

站內熱門文章推薦:

泰國自由行x曼谷旅遊攻略:住宿、百貨、夜市、按摩、交通~一篇搞定

清邁Chiang Mai自由行旅遊攻略:佛寺,百貨,夜市,博物館,咖啡廳,小吃,按摩

泰國曼谷SPA按摩名店、平價小店 - 整理篇

曼谷自由行文章分類:

泰國旅遊須知飯店/住宿換泰銖/匯兌所航空公司/機票交通工具

曼谷百貨/商場夜市/創意市集泰國必買/戰利品按摩SPA店

水上市場美食/餐廳泰國寺廟曼谷藝術/公園泰國旅遊行程

泰國海灘/島嶼文章分類:

普吉島Phuket芭達雅Pattaya華欣Hua Hin蘇美島Samui

清邁自由行文章分類:

清邁自由行交通與須知清邁 飯店 旅館SPA按摩清邁佛寺

百貨 市集 夜市清邁 美食 咖啡 餐廳清邁大自然 公園 一日遊

其他城市文章分類:

泰國東北地區桂河/北碧府大城Ayutthaya素可泰Sukhothai

Agoda.com - Hotel Booking banner B tw

Booking.com - Best price guarantee 600

HotelsCombined chinese600

 

 

 

 

 

 

arrow
arrow
    創作者介紹
    創作者 小約翰 的頭像
    小約翰

    ~小約翰就愛泰國自由行~

    小約翰 發表在 痞客邦 留言(0) 人氣()