This is what I'm doing:
FB.ui({
method: "feed",
link: "https://link-to-site.ninja",
source: "https://url-to-s3-hosted-video.mp4",
caption: "Video caption",
type: "video",
description: "Video desc"
}, function(response){});
(Also tried different combinations, with and without picture, in which case what would end up showing was the picture and not the clickable video)
And I'm getting either no preview whatsoever, or just the preview image if I provide one, not an actual clickable previewable video. What am I doing wrong? How do I can I get this right?
Thanks!
Turns out you need to put the source as link and it will work (as of 05/2016) but you cannot make it link to another place that's not the video itself.
Related
I use the Embed-Button from Instagram and use the generated Embed-Code:
when I embed an Insta-Post on my website without image caption, it doesn't load the image.
But when I check the the inclusion for image caption it works fine: codepen.io/cheshirecat/pen/eYjrYZr
What I'am doing wrong?
Links from Facebook to my Mediawiki-powered website show an ugly default image for links. (The squarish image which shows a truncated "Powered by Mediawiki") pointed to by the gray arrow.)
How do I override this? I'm looking for a single image which would be the same for all pages rather than a custom image for each page. I want to avoid adding extensions if possible!
Added: #wgLogo is set and the logo file thus set does appear on the individual pages, but not on the FB link.
It seems that the secret is to set <meta property='og:image'… on every page (https://developers.facebook.com/docs/sharing/webmasters/images/).
To do so without installing extensions, add to your LocalSettings.php:
$wgHooks ['BeforePageDisplay'] [] = function (OutputPage &$out, Skin &$skin): bool {
$out->addMeta ('og:image', '(path to your image)');
return true;
};
Further reading:
https://www.mediawiki.org/wiki/Manual:Hooks/BeforePageDisplay
https://doc.wikimedia.org/mediawiki-core/master/php/classOutputPage.html#a1d667167a39be62f9988e94256508489
The PageImages extension adds the most prominent image used on the page as the OpenGraph image. The WikiSEO extension lets you set it manually (per-page or sitewide).
This code is processed as goku image on FB chat:
[[236823566443944]][[236823583110609]][[236823586443942]][[236823596443941]][[236823609777273]]
[[236823629777271]][[236823636443937]][[236823649777269]][[236823663110601]][[236823673110600]]
[[236823683110599]][[236823686443932]][[236823696443931]][[236823699777264]][[236823709777263]]
[[236823716443929]][[236823733110594]][[236823736443927]][[236823749777259]][[236823753110592]]
[[236823756443925]][[236823759777258]][[236823769777257]][[236823779777256]][[236823783110589]]
[[236823789777255]][[236823793110588]][[236823796443921]][[236823806443920]][[236823809777253]]
How FB creates image from this? I found the code on symbols-n-emoticons in comments below, copied&pasted into FB chat and - black magic - the image was there.
So I took your example and did some testing. If yout right click on the image in chat and look at it URL, you can find following:
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/227547_236823636443937_1841629131_n.jpg
It's one tile from the goku image. The middle part of the URL corresponds to one value in you code. So this code are actually shortcuts to images stored on FB servers, and the chat window simply replaces the code with image.
I think it could be due to latest update in FB, which allows you to attach images directly to posts.
[EDIT]
I have tried several other images and it worked for all images hosted akamaihd.net aka Facebook hosting. Just grab the secod number and past it in chat in double brackets.
The image is always resized to 16x16px, hence the code for Goku is so long, it's actually made from tiles.
I have an app, and during development I used an ogg image to indentify the app.
Then, when the app was finished I gave it its own ogg image. I noticed that the app icon remained the old one.
Ok, cached, so used the FB linter. Linter showed correct image. Problems over I guessed.
Did a test post on my own time line, new image shows up. Hurray.
But, surprise surprise, if someone else posts the app, the old image appears. WFT?!
Ok, changed all images, of all my apps, put the all through the linter, the apps.facebook.com url, and the url of the app itself.
All show the correct image on the linter....
Now it must be ok, I thought.
But, suprise surprise a few days later someone posts a link to the app, et voila, the old image appears again..... $%&^#^$####
What more can I do?
HELP! , thanks
My guess is that this is a caching problem. Try with a new anonymous chrome window (or empty your cache in another way) to see if that helps.
Ooops, programmers error....
The App icon changed all alright, but I forgot to adjust the image when a wallpost was made from the App....
Shame, red head., sorry.. :(
Forget it !
I tried To Parse the response of the of the youtube RSS feed and displayed it in tableview...
I works fine except i can't fetch URL for the thumbnil image of the video from rss... It comes in description tag and inside description tag there is a whole div (html)... is there any simpler way example tutorial.....to fetch the thumbnil image from youtube rss...
Thanks
i have the same prob ,but have figured out with YOUtube API ,
make your feed url in this pattern
http://gdata.youtube.com/feeds/base/users/[INSERT USERNAME]/uploads
after in the generated xml there is a media:thumnail tag where u can used to display youtube thumnails images.
without using this format u will get a descr tag with div style image thumbnail quite hard to parse as it is a html part,
better try this,i have solved this using type of feed pattern