Embed video iframe in facebook wall

1.5k Views Asked by At

I am attempting to embed an HTML5 video player on the Facebook wall in an iframe similar to Youtube or Flash videos. I cannot use Flash for political reasons. The player must have the company branding.

Youtube is using something as follows to signal opengraph:

<meta property="og:type" content="video">
<meta property="og:video:url" content="https://www.youtube.com/embed/[id]">
<meta property="og:video:secure_url" content="https://www.youtube.com/embed/[id]">
<meta property="og:video:type" content="text/html">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
<meta property="og:video:url" content="http://www.youtube.com/v/[id]?autohide=1&amp;version=3">
<meta property="og:video:secure_url" content="https://www.youtube.com/v/[id]?autohide=1&amp;version=3">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">

The embed-URI itself returns a page with a full window video player.

I have set up a full width video player page myself and directed to it using similar opengraph tags (and removing the Flash-ones). This however does not work.

Does anyone know the secret sauce?

[edit]

As there was a question which tags I was using, I copied the HTML5 part from the YouTube video. Apparently this doesn't work because you have to be whitelisted by Facebook...

<meta property="og:type" content="video">
<meta property="og:video:url" content="https://myembedurl.com/video.html">
<meta property="og:video:secure_url" content="https://myembedurl.com/video.html">
<meta property="og:video:type" content="text/html">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
0

There are 0 best solutions below