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
Related
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 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.
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 have a custom skin on my jwplayer and I'm trying to get it to play inline in the facebook stream, like the youtube player. I've spent two days looking at docs and tweaking code for this and can't figure out what I'm doing wrong. Here's an example of my meta tags:
<meta property="og:site_name" content="Contour"/>
<meta property="fb:app_id" content="188896031148408"/>
<meta property="og:type" content="article"/>
<meta property="og:url" content="http://www.contour.com/stories/jimmy-the-greek-board-view-of-summer-x-park-course"/>
<meta property="og:title" content="Jimmy the Greek board view of Summer X park course"/>
<meta property="og:video" content="http://www.contour.com/flash/jwplayer.swf?playlistfile=/stories/39073.xml&skin=/flash/jwskin.zip&repeat=list&autostart=true"/>
<meta property="og:video:type" content="application/x-shockwave-flash"/>
<meta property="og:image" content="http://s3.amazonaws.com/contour.staging/images/assets/12133/quarter/F71C41BCA5B9825898ECBC56151E8BB820100905-94257-1dzxruc-0.jpg"/>
<meta property="og:description" content="Jimmy the Greek Marcus was kind enough to bust out a few warm up laps with a boardcam mount. This years setup was primarily cement with some skatelite features around the perimeter. Thanks man, you killed it on Sunday"/>
The facebook url linter shows that it's picking up the info. There's even a 'video' heading that says "Status: Video embedding on Facebook enabled". Yet, it doesn't work.
I've tried using 'video' and 'swf' as the og:type. I've tried specifying the video height/width. I've tried using different video types. When I load the og:video url in a browser I get a swf that autoplays my video.
Right now, the thumbnail that appears in the facebook stream does NOT link to the video's page as it normally would, which I take as a sign that I'm on the right track. However, it also does not play a video :) The little blue play button also does not show up on my thumbnail.
Any ideas would be greatly appreciated. Thanks!
If you use jwplayer swf object to play directly your youtube video
You should encode your param with URL-ENCODE method. Like that:
http://yoursite.com/player.swf?file=http%3A%2F%2Fyoutube.com%2Fwatch%3Fv%3DB-YRHQN5e9Q&image=http%3A%2F%2Fi1.ytimg.com%2Fvi%2FB-YRHQN5e9Q%2Fhqdefault.jpg&autostart=true
I haved the same problem, but I solved this.
I have no idea which tag solve my problem, but when my code is looks like this, jw player 5.1 pro is working on facebook:
<html xmlns:fb="http://ogp.me/ns/fb#">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#">
<script type="text/javascript" src="/embeds/jwplayer5/swfobject.js"></script>
<meta property="og:type" content="video.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="fb:admins" content="100000446876505">
<meta property="fb:app_id" content="257720611082074">
<meta property="og:image" content="http://zobolio.com/embeds/posters/ezekiel.png" />
<meta property="og:video" content="http://zobolio.com/embeds/jwplayer/player.swf?file=http%3A%2F%2Fwww.zobolio.com/embeds/ezekiel.mp4&autostart=true" />
<meta property="og:video:secure_url" content="https://zobolio.com/embeds/jwplayer5/player.swf?file=http%3A%2F%2Fwww.zobolio.com/embeds/ezekiel.mp4&autostart=true" />
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