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.
Related
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">
When I embed video to facebook using the following metadata I am able to embed video succesfully but I don't want facebook to add the text on top of image after embed. How can I do it?
<meta property="og:type" content="movie"/>
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="http://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:video:height" content="265" />
<meta property="og:video:width" content="470" />
<meta property="og:video:secure_url" content="https://player.theplatform.com/p/yHjoOC/onsite_dev/swf/select/nEdMK4_islkz&autoPlay=true" />
<meta property="og:title" content="Christina Aguilera On The Voice"/>
<meta property="og:description" content="Christina Aguilera gives insight on her team and competition." />
<meta property="og:image" content="https://mpxstatic-nbcmpx.nbcuni.com/NBCdotCOM/mezzthumb/9d883881039c20870dfeaf068a5be0e7_1c966ee53db728d715881e1cf193ebc2.jpg"/>
Please help me how to achieve this.
Its facebook default behavior so we cannot change it
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 added open graph tags to the following URL to enable video embedding on Facebook: http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw
This worked up until a few days ago but now the thumbnail on the Facebook post no longer has the play button. Clicking on it now redirects to the URL rather than displaying the embedded Flash video. The puzzling thing is that the Facebook Object Debugger says there are no errors and that video embedding is enabled (as seen here).
Here are the open graph tags I am using:
<meta property="og:title" content="Wow, Look at that!" />
<meta property="og:type" content="product.item" />
<meta property="og:description" content="and now something that you've never seen before in all your days...." />
<meta property="og:image" content="http://media.staging.shoppost.in/physicalitems/0e1a8af7-736f-443e-b5e5-d09830c88f38/art/38213a2d-fe0e-4898-9d0e-80305c6e7230.jpg" />
<meta property="og:site_name" content="Shoppost" />
<meta property="og:video" content="http://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:video:secure_url" content="https://store.staging.shoppost.in/ps/Sm0OAdAleEW--6J6AW8brw"/>
<meta property="og:url" content="http://store.staging.shoppost.in/Sm0OAdAleEW--6J6AW8brw" />
<meta property="og:locale" content="en_us"/>
<meta property="og:video:height" content="296" />
<meta property="og:video:width" content="526" />
<meta property="og:video:type" content="application/x-shockwave-flash"/>
I have been struggling with this for a while, please let me know if you have any insight. Thanks!
I would like to embed my own HTML5 (with a flash backup) player on a Facebook wall post.
I'm using rails and ruby Koala.
I have seen this: https://developers.facebook.com/docs/share/ for meta tags that can be added, but it's either for a link to my web page or to a video file to load.
Appreciate if anyone can help me :)
http://www.longtailvideo.com/support/blog/19150/publish-your-videos-to-facebook-with-a-jw-player
Here's example of the og:tags on the link being shared so facebook can pickup the customer video player:
<meta property="og:type" content="movie" />
<meta property="og:video:height" content="260" />
<meta property="og:video:width" content="420" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:title" content="Big Buck Bunny" />
<meta property="og:description" content="Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation." />
<meta property="og:image" content="http://www.example.com/bunny.png" />
<meta property="og:video" content="http://www.example.com/jwplayer/player.swf?file=http%3A%2F%2Fwww.example.com%2Fbunny.flv&autostart=true" />