Evening,
I'm pretty much clueless at this point regarding playing videos on FB walls. I'm using Ooyala as a "Video CMS" and have enabled everything for FB sharing on their end. My code includes the following.
<html xmlns:og="http://ogp.me/ns##">
<head>
...
<meta property="og:title" content="#video.title#">
<meta property="og:description" content="#video.description#">
<meta property="og:type" content="video">
<meta property="og:image" content="http://ak.c.ooyala.com/BjOGpsMToPbHODr_JC75EC5lJqe2gGZE/promo109538534">
<meta property="og:video" content="http://player.ooyala.com/player.swf?embedCode=#url.watch#&autoplay=1">
<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="AOPA">
</head>
The file the code is in is a coldfusion file (hence the double #). When I paste a sample video link:
http://www.aopa.org/aopalive/index.cfm?watch=VzbnZyMjoQKI1dI2Bwl-NeuiLToLxQpA
Into a wall, FB recognizes it as a video. When I hit play, I can see it's loaded the Ooyala player, (they have a Mac-like "loading" circle), but no video is called.
Any ideas? I've seen almost every variant of "og:" tags out there, but nothing has worked so far.
Thanks!
-Mitch
P.S.: Facebook, you're still linking to "http://www.facebook.com/2008/fbml" in some of your SDK's.
You need to add &keepEmbedCode=true to your queryString parameters. The meta video tag would then become -
<meta property="og:video" content="http://player.ooyala.com/player.swf?embedCode=#url.watch#&autoplay=1&keepEmbedCode=true">
Thanks,
Andrew
Andrew Spaulding | Senior Solutions Architect | Ooyala
www.flexdaddy.com
Andrew,
Thanks for the suggestion about the embed code, this still brought up the Ooyala player, but no video. After poking around (and looking at YouTube's source code for a single video), there needs to be some additional attributes added to the tag.
The correct code is below.
Thanks, have a good weekend,
-Mitch
<html lang="en" dir="ltr">
<head>
<meta property="og:title" content="#video.title#">
<meta property="og:description" content="#video.description#">
<meta property="og:type" content="video">
<meta property="og:image" content="http://ak.c.ooyala.com/BjOGpsMToPbHODr_JC75EC5lJqe2gGZE/promo109538534">
<meta property="og:video" content="http://player.ooyala.com/player.swf?embedCode=#url.watch#&autoplay=1&keepembedCode=true">
<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="AOPA">
</head>
I was having this issue because my og:url was incorrectly formatted.
Once I set the og:url to be the link back to my original page (canonical) hosting the video, the video would play. Before this, it would show a play link, but when I click on it, it would not play anything.
Related
Here is the scenario, I have an embedded youtube video on the page and 2 share buttons below it; the client wants those buttons to share the embedded video. This is a pretty straight forward question... just not sure how to go about it.
I understand that the video has sharing buttons, but they want the two big buttons outside of the iframe to share the video.
Give the same OG Metatags as given by youtube for that page.
For example if you have embedded this video on the page "https://www.youtube.com/watch?v=MkN7P08_oYM", then see the page source and mention the metatags as given on that page like
<meta property="og:site_name" content="YouTube">
<meta property="og:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM">
<meta property="og:title" content="The Mysteries of Laura NBC Official Trailer [HD] | THE MYSTERIES OF LAURA">
<meta property="og:image" content="https://i.ytimg.com/vi/MkN7P08_oYM/maxresdefault.jpg">
<meta property="og:description" content="The Mysteries of Laura NBC Official Trailer: Get a look at the new series The Mysteries of Laura coming to NBC Wednesdays this fall. ยป Subscribe: http://bit....">
<meta property="al:ios:app_store_id" content="544007664">
<meta property="al:ios:app_name" content="YouTube">
<meta property="al:ios:url" content="vnd.youtube://www.youtube.com/watch?v=MkN7P08_oYM&feature=applinks">
<meta property="al:android:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM&feature=applinks">
<meta property="al:android:app_name" content="YouTube">
<meta property="al:android:package" content="com.google.android.youtube">
<meta property="al:web:url" content="http://www.youtube.com/watch?v=MkN7P08_oYM&feature=applinks">
<meta property="og:type" content="video">
<meta property="og:video" content="http://www.youtube.com/v/MkN7P08_oYM?autohide=1&version=3">
<meta property="og:video:secure_url" content="https://www.youtube.com/v/MkN7P08_oYM?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">
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 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