I own a video site. I need to share one video on my site on Facebook embedding it on the timeline, just like Youtube does. When a Facebook user clicks on the preview image on my Facebook profile my player should open into the timeline and the video should play without opening a new page.
I'm using flowplayer on a Wordpress site. Of course I used OG: tags. This is my <head> code:
<meta property="fb:app_id" content="123456789101112"/>
<meta property="og:type" content="video"/>
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="640">
<meta property="og:video:height" content="385">
<meta property="og:url" content="http://www.mysite.com/videogallery/title/"/>
<meta property="og:title" content="title"/>
<meta property="og:description" content="Some description"/>
<meta property="og:image" content="http://www.mysite.com/link-to-image.jpg"/>
<meta property="og:image:type" content="image/jpeg">
<meta property="og:video" content="http://www.mysite.com/flowplayer-3.2.16.swf?config={%22playerId%22:%22player%22,%22clip%22:{%22url%22:%22http://www.mysite.com/link-to-video.mp4%22},%22playlist%22:[{%22url%22:%22http://www.mysite.com/link-to-video.mp4%22}]}" />
I'm noticing a very strange thing: I have more than one Facebook account and I can see the embedded video just like I want it with one of these accounts. I only can see the preview image and the simple link to my site with the other ones.
Related
Here are the og meta tags I'm using:
<meta property="fb:app_id" content="xxxxxxxxxxxxxxxxx" />
<meta property="og:video" content="http://videogami.s3.amazonaws.com/54c2c58c19d5bdec65000036.mp4">
<meta property="og:video:secure_url" content="https://videogami.s3.amazonaws.com/54c2c58c19d5bdec65000036.mp4">
<meta property="og:video:type" content="video/mp4">
<meta property="og:video:width" content="600">
<meta property="og:video:height" content="380">
<meta property="og:title" content="" />
<meta property="og:image" content="http://videogami.s3.amazonaws.com/54c2c58c19d5bdec65000036.big.jpg" />
<meta property="og:url" content="http://videogami.tv/h/54c2c58c19d5bdec65000036" />
<meta property="og:type" content="video.other" />
If I share the link manually, the embedding works perfectly. But when I share the link through the Facebook /me/feed api, it won't play and just shows a link to the mp4 that says "download file".
Here is an example link: http://videogami.tv/h/54c2bb1719d5bdec65000030
Any idea why this might be happening? I'm pretty sure you don't need a flash player anymore, it said nothing about this in the FB docs that I could find.
It makes no sense that it would work when you manually post it, vs posting the link through the api...
Recently our videos started to no longer embed on Facebook Pages. Facebook still recognizes the link, shows a thumbnail but doesn't play the video inline. The weird thing is that it still works on a Facebook Wall, just not on a Facebook Page.
This is the page I try to post:
http://zentr.cc/AHRReN
I use this set of OG-tags:
<meta property="fb:app_id" content="148322691992629">
<meta property="og:title" content="How To Make An Interactive Video">
<meta property="og:description" content="">
<meta property="og:image" content="http://ducf06ut3d7t7.cloudfront.net/AHRReN/hqthumb">
<meta property="og:type" content="video">
<meta property="og:video" content="http://d2ma12218neagj.cloudfront.net/player.impl.swf?AHRReN">
<meta property="og:video:secure_url" content="https://d2ma12218neagj.cloudfront.net/player.impl.swf?AHRReN">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="1920">
<meta property="og:video:height" content="1080">
<meta property="og:site_name" content="Zentrick">
<meta property="og:url" content="http://zentr.cc/AHRReN">
The Facebook Debugger tells everything is fine:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fzentr.cc%2FAHRReN
Is someone experiencing similar issues or found a solution?
YouTube, Vimeo and Yahoo links are still working, but I can't find what we are doing differently.
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 added facebook meta tags to enable my website to run its video remotely from facebook.
When I add the URL on facebook, it shows the thumbnail properly but does not run the video.
Whats the problem?
Meta tags are as below:
<meta property="fb:app_id" content="182061505193038">
<meta property="og:url" content="http://videoof.co.uk/true-blood-true-blood-for-the-holidays.html>">
<meta property="og:title" content=" True Blood: True Blood for the Holidays">
<meta property="og:type" content="video">
<meta property="og:image" content="http://i.ytimg.com/vi/p91VTAFsBoc/0.jpg">
<meta property="og:video" content="http://www.youtube.com/watch?v=p91VTAFsBoc&feature=youtube_gdata_player">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="396">
<meta property="og:video:height" content="297">
<meta property="og:site_name" content="Videoof">
and this is my debugged URL : Debug URl
It worked for me: https://skitch.com/sicross/gm8tr/4-facebook
Your page runs through the debugger correctly, and when shared, results in a video alongside your stream story.
I do have a video sharing website. Have everything setup, open graph tags according to specifications. When I share a video on Facebook everything looks fine (thumb, link, title, description) but the embedded player doesn't show up on the page, shows a blank flash movie
So my question is what am I doing wrong, how can I debug this thing, because I see no way out of this. It would have help if I could see the code used by Facebook, but I can't so I have no way to debug this
URL Eg. http://evahd.com/vutzN
<meta property="og:type" content="article">
<meta property="og:title" content="Frenetic kinetics">
<meta property="og:description" content="">
<meta property="og:url" content="http://evahd.com/vutzN">
<meta property="og:image" content="http://evahq.com/mp/1/vutzN-2.jpg">
<meta property="og:video" content="http://v.evahd.com/vutzN">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="640">
<meta property="og:video:height" content="360">
<meta property="og:site_name" content="EvaHD">
Thank you