Question

I am trying to embed Facebook video into my website. I found steps that would make it work but the problem is, if I open the website in my iPhone or any smartphone the video is not loading at all.

The information I have gathered in embedding Facebook videos is that I have to get the unique id of the video that can just be seen in the browser. Here is the sample code I have:

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

What else do I need to do to make the facebook video work on iPhone or any smart phone?

Answer 1

You need a video player that isn’t flash based, and works on iOS or android.

You could then retrieve the raw video URL from the API and include that in your app

SELECT vid, owner, title, description, src, src_hq, thumbnail_link, embed_html, updated_time, created_time FROM video WHERE owner=me() as an FQL query will return you the details of a video, including the URL of the raw video source for including into your app (src and src_hq).