[教学] 如何在网站上嵌入 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影片下方的【选项】→【嵌入影片】。

[教学] 如何在网站上嵌入 Facebook 影片?

第2步  接着会跳出「在外部网页嵌入此影片」的视窗,请複製语法并贴到要显示的网站即可。

[教学] 如何在网站上嵌入 Facebook 影片?

二、Facebook影片嵌入:一般网页版

第1步  如果开到的Facebook 影片是这样类型的,请点选右侧「嵌入影片」。

[教学] 如何在网站上嵌入 Facebook 影片?

第2步  複製影片语法贴上即可。

[教学] 如何在网站上嵌入 Facebook 影片?

三、无法张贴Facebook影片在WordPress网站?解决方法!

可能有些使用者在张贴Facebook影片至WordPress网站时,可能会发现影片无法张贴,那可能造成得原因是版型已经有Facebook的一段引用代码,或者是网站上已经有加装Facebook外挂,可能因为语法和语法冲突,造成无法加入,因此我们要换个方式来嵌入影片。

第1步  一般预览「在外部网页嵌入此影片」的视窗中,后方有一个「了解更多」请点击。

[教学] 如何在网站上嵌入 Facebook 影片?

第2步  接着,请複製要嵌入的FB影片之网页网址。

[教学] 如何在网站上嵌入 Facebook 影片?

第3步  刚刚点「了解更多」会来到此画面,请在上方【URL of video】输入影片网址,右侧【The pixel width of the video】则是影片宽度,预设500。输入完毕确认下方出现影片预览后,点选﹝Get Code﹞。

[教学] 如何在网站上嵌入 Facebook 影片?

第4步  接着会出现两段语法,如果是WordPress用户而且已经遇到一般的FB影片语法贴上无法呈现者,请直接複製下方「语法2」贴到你要显示的文章中。

[教学] 如何在网站上嵌入 Facebook 影片?

第5步  贴上之前,请先将编辑器切换到「文字」模式,再把语法贴上。贴上后可以点选右上角﹝预览﹞看看是否张贴成功?

[教学] 如何在网站上嵌入 Facebook 影片?

第6步  完成,张贴成功!

[教学] 如何在网站上嵌入 Facebook 影片?