Jan's Tech Blog

where technologies are annotated

如何在網頁嵌入Facebook影片

最近Facebook推出了一個Facebook Widgets功能,讓我們把Facebook之內各種內容嵌入我們的網頁 / Blog,例如Photo Badge就可以把最近上載的相片在自己的網頁上顯示出來。事實上,我們上載到Facebook的相更讓我們直接使用其Image URL,放在自己的網頁上的。

可是當我們遇上Video,就沒有辦法嵌入自己的網頁了。

Digital Inspiration剛發佈了一篇文章,介紹了如何嵌入Facebook內的影片。首先我們要打開要嵌入到自己網頁的影片,然後找出其Video ID。例如這段影片的Video ID就是「1205248215592」。

然後就運用以下的HTML編碼:

<object width="400" height="224" >
 <param name="allowfullscreen" value="true" />
 <param name="allowscriptaccess" value="always" />
 <param name="movie" value="http://www.facebook.com/v/VIDEOID" />
 <embed src="http://www.facebook.com/v/VIDEOID" type="application/x-shockwave-flash"
   allowscriptaccess="always" allowfullscreen="true" width="400" height="224">
 </embed>
</object> 

以下就是一個示範:

不過我之前也試過有些影片是不能嵌入,因為它有一些特別的Privacy Settings。

0 thoughts on “如何在網頁嵌入Facebook影片

Leave a Reply

Your email address will not be published. Required fields are marked *