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&version=3">
<meta property="og:video:secure_url" content="https://www.youtube.com/v/[id]?autohide=1&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">
Related
It is easy to put youtube video into meta tag. But I am trying to put a facebook page video into the og:video meta tag. However, the video doesn't show up. Any idea?
<!-- https://developers.facebook.com/docs/sharing/webmasters#media -->
<meta property="og:url" content="http://homemaidapp.com/apps/rfsn/test2.php" />
<meta property="og:title" content="test title" /
<meta property="og:description" content="test descritpion" />
<meta property="og:image" content="http://homemaidapp.com/apps/rfsn/image/sample_fb_share.png" />
<meta property="og:type" content="video" />
<meta property="og:video" content="https://www.facebook.com/video.php?v=1013127335421377_990687704332007">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="500">
<meta property="og:video:height" content="281">
<meta property="fb:app_id" content="348767955164988"><!-- facebook app id for tracking or advanced function -->
I found the facebook video download link can be used to put into the og:video and I changed the og:video:type to video/mp4. It works.
We are using this example to share content on facebook.
http://flowplayer.blacktrash.org/fbshare.html
But when we are sharing as per example its showing a save button on share dialog. Please tell us how we can remove this.
<meta name="medium" content="video">
<meta name="title" content="Flowplayer Demo Video">
<meta name="description" content=
"This Flowplayer demo video is coming from a page providing only the most minimal content to share a video on Facebook with Flowplayer.">
<meta name="video_type" content="application/x-shockwave-flash">
<meta name="video_height" content="300">
<meta name="video_width" content="500">
<link rel="video_src" href=
"http://flowplayer.blacktrash.org/flowplayer-3.2.18.swf?config=%7B%27clip%27%3A%7B%27url%27%3A%27http%3A%2F%2Fstream.flowplayer.org%2Fflowplayer-700.flv%27%7D%7D">
<link rel="image_src" href="http://flowplayer.org/img/home/flow_eye.jpg">
<meta property="og:url" content="http://flowplayer.blacktrash.org/fbshare.html">
<meta property="og:site_name" content="Flowplayer Demos">
<meta property="og:type" content="movie">
<meta property="og:title" content="Flowplayer Demo Video">
<meta property="og:description" content=
"This Flowplayer demo video is coming from a page providing only the most minimal content to share a video on Facebook with Flowplayer.">
<meta property="og:video:height" content="300">
<meta property="og:video:width" content="500">
<meta property="og:image" content="http://flowplayer.org/img/home/flow_eye.jpg">
<meta property="og:image:secure_url" content=
"https://d12zt1n3pd4xhr.cloudfront.net/fp/img/flow_eye.jpg">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video" content=
"http://flowplayer.blacktrash.org/flowplayer-3.2.18.swf?config=%7B%27clip%27%3A%7B%27url%27%3A%27http%3A%2F%2Fstream.flowplayer.org%2Fflowplayer-700.flv%27%7D%7D">
<meta property="og:video:secure_url" content=
"https://d12zt1n3pd4xhr.cloudfront.net/fp/swf/flowplayer-3.2.18.swf?config=%7B%27clip%27%3A%7B%27url%27%3A%27https%3A%2F%2Fd12zt1n3pd4xhr.cloudfront.net%2Ffp%2Fflowplayer-700.flv%27%7D%7D">
I am trying to embed my own custom video player on Facebook, and I don't know why it does not work. It was build with the YouTube API. After much googling around, I still can't find an answer.
Below is the code I am using. What could be the problem? Any ideas?
(Note, if I use YouTube URL it works, but when I use my own working swf, it doesn't)
<meta property="fb:app_id" content="870699924261475"/>
<meta property="og:site_name" content="example.com"/>
<meta property="og:title" content="This is my title"/>
<meta property="og:description" content="this is a description of my own video player"/>
<meta property="og:url" content="http://www.example.com"/>
<meta property="og:type" content="video"/>
<!--<meta property="og:video" content="http://www.youtube.com/v/vIu85WQTPRc?version=3" /> -->
<meta property="og:video" content="http://www.example.com/example.swf?v=vIu85WQTPRc" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="374" />
<meta property="og:video:height" content="202" />
<meta property="og:image" content="http://example.com/images/logo_beta.gif"/>
You need to specify the og:secure_url property for people browsing facebook with HTTPS.
I have created a player its in early stages though, but I need to play the videos inside Facebook timeline like youtube does. I have placed my tags as following:
<meta property="og:title" content="Little Cast Video Test"/>
<meta property="og:description" content="Little Cast Video Test"/>
<meta property="og:type" content="movie"/>
<meta property="og:video:height" content="270"/>
<meta property="og:video:width" content="480"/>
<meta property="og:url" content="http://littlecast.confiz.com/littlecast/fbtest.html"/>
<meta property="og:video" content="http://littlecast.confiz.com/littlecast/main.swf">
<meta property="og:video:secure_url" content="https://littlecast.confiz.com/littlecast/main.swf">
<meta property="og:image" content="http://littlecast.confiz.com/littlecast/thumb.jpg"/>
<meta property="og:video:type" content="application/x-shockwave-flash">
Facebook debugger is also showing that there is no bug/warning in this page but still the player is not showing and not playing inline to facebook.
Do I need to get my player approved from facebook or should it be working as is?
PS: My player is written in Flex. If you need to check the html host file please hit this url: My URL
I have a video site with re-written url's of embedded youtube videos. I want to share a playable video in jwplayer on Facebook. I found this snippet for jwplayer to help, but doesn't seem to help.
http://www.longtailvideo.com/sites/default/files/facebookfeednew.png
<meta property="og:description" content="Big Buck Bunny is a short animated film by the Blender Institute. It is made using free and open source software."/>
<meta property="og:image" content="http://content.bitsontherun.com/thumbs/nPripu9l-320.jpg"/>
<meta property="og:site_name" content="Big Buck Bunny"/>
<meta property="og:title" content="Big Buck Bunny Trailer"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.longtailvideo.com/players/jw-flv-player/"/>
<meta property="og:video" content="https://content.bitsontherun.com/players/nPripu9l-8toGQxMR.swf" />
<meta property="og:video:height" content="270" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="480" />
specially no video.flv path,demo like: ![enter image description here][1]
http://www.longtailvideo.com/support/addons/sharing-plugin/14048/facebook-video-sharing
I am no expert with this stuff. Please Help.