Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Share HTML5 player on Facebook wall

I have a player both in Flash as well the same in HTML5 version. I am calling a page through iframe which detects the browser and device and loads the player accordingly and it is working fine.

Before the HTML5 version of the player I was able to share the Flash player to Facebook. But how do we make it workable with HTML5 player? If I share the iframe page it doesn't work nor the video doesn't play.

I find that youtube is able to do the same what we require, please advice and help how to accomplish the requirements.

like image 811
Jeet Avatar asked Jan 03 '12 05:01

Jeet


1 Answers

Check the section corresponding to audio and video data on the open graph documentation page.

You will need to add the following open graph tags to the resource page as given in the documentation.

<html xmlns:og="http://ogp.me/ns#"> 
    <head>
        ...
        [REQUIRED TAGS]
        <meta property="og:video" content="http://example.com/awesome.swf" />
        <meta property="og:video:height" content="640" />
        <meta property="og:video:width" content="385" />
        <meta property="og:video:type" content="application/x-shockwave-flash" />
        <meta property="og:video:secure_url" 
              content="https://secure.example.com/awesome.swf" />
        <meta property="og:video" content="http://example.com/html5.mp4" />
        <meta property="og:video:type" content="video/mp4" />
        <meta property="og:video" content="http://example.com/fallback.vid" />
        <meta property="og:video:type" content="text/html" />
        ...
    </head>
like image 102
Jai Pandya Avatar answered Oct 19 '22 16:10

Jai Pandya