I've been in, around, and through a good chunk of the internets looking for an answer to this:
I'm trying to embed a video in Facebook using the og:video tag, but despite the fact that the facebook linter keeps showing 'status: Video embedding on Facebook enabled', when it shows up in my feed, clicking on it always opens a new window instead of showing it in the video player. It does show a little play icon, but it acts like a link rather than a video.
I've tried it with an swf url that works when i hit it, i've tried it with an mp4 video, I've tried https, http, etc. My og tags are pretty much exactly like this example I see at http://ahrengot.com/playground/circular-scrubbing/ (theres a good tutorial at http://ahrengot.com/tutorials/custom-video-player-on-facebook/).
Do I need to associate it with an app (have tried that and just using my user id in fb:admins), and if so, what kind of settings do I need to set to make it show up in a video player? Do I need to set up a canvas url?
I'm using flowplayer.
Thanks for any help.
Edit: it seemed to spontaneously start working after trying for 8 hrs. Does facebook do some kind of testing/caching of the target before it allows the embed?
yes, I'm not sure on how often..but to update facebook's cache of a specific URL, run it through the debugger (formerly URL linter) # http://developers.facebook.com/tools/debug
Might also be SSL related. If you have secure browsing enabled on FB it will launch your video in a new window. The link of the video you are embedding with og:video is using "http" and not "https".
Related
The Serial podcast has this cool feature where they share their webpage on their facebook page and Facebook lets the audio be played within Facebook. See this image:
I've created a blog post with all of the proper meta tags to match the relevant tags expected by facebook:
music:preview_url:url, the og:type is music.song, etc.
But I can't get a mp3 player to appear.
When I compare the open graph meta data in the Facebook debugger from the Serial webpage to my own webpage, the tags match up fine. Yes, mine has a 'locale' array but that can't be the issue.
I'm thinking they must have some type of Facebook app? Or I don't know what. I've never built a Facebook app so if you think that is how they are doing it, where would I start looking?
This is my non-working open graph output:
This is the one from the Serial podcast. You can see in the Share Dialog the player buttons for the MP3. How are they getting that in there? I would have thought just be me using the correct meta tags, Facebook would put player buttons on top of my mp3 and create the player for me.
i have written a plugin for the elgg social networking platform which supports sharing links to other social networks.
mostly this is ok.
i am noticing though that facebook often shows incorrect images for the video thumbnails and other sites, such as google+ are ok.
the url i am passing in to the sharer page is correct and when i use the facebook debugging tool, i see the correct image - e.g. https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fwww.infiniteeureka.com%2Fvideos%2Fwatch%2F6980%2Fwater-as-primary-healing-agent-dis-ease-is-commonly-due-to-dehydration
as an example - this is the url that the plugin currently outputs for facebook, when sharing a video on my site:
https://www.facebook.com/sharer/sharer.php?s=100&p[title]=water+as+primary+healing+agent+-+dis-ease+is+commonly+due+to+dehydration&p[summary]=description&p[url]=https://www.infiniteeureka.com/videos/watch/6980/water-as-primary-healing-agent-dis-ease-is-commonly-due-to-dehydration&p[images][0]=https%3A%2F%2Fwww.infiniteeureka.com%2Fmod%2Fvideolist%2Fthumbnail.php%3Fjoindate%3D1293022025%26guid%3D6980%26owner_guid%3D2%26size%3Dlarge
when i share this to facebook, i see a thumbnail for another video which i shared days earlier, which has a different url. (edit: i now notice that i can choose from 3 images in facebook and one of them is the correct one - so facebook is building an array of 2 incorrect images in some way and is defaulting to an incorrect one.)
anyone know?
I run into this problem often as well. Try to make your image around 1080px # 1080px and see if that helps. The other options is to try and lazy load all the other images so facebook doesn't pick them up as I presume the thumbnail you are referring to is on the page?
This is probably not possible, but I'm throwing it out here for anyone with crazy awesome ideas or if they happened to come across some morsel of information about it.
I have an embedded YouTube player (iFrame) using the API, with a custom JS control bar. All that works great.
I want to have a share option, however, since the videos on my site will often appear as overlays, it's not ideal to have the page be shared, but rather the video itself. Is there a way to have a user share the YouTube link directly from my page, rather than just a link to my site?
I already realize the fallback is to create a URL on my site that takes a video id parameter and redirects to the proper youtube page.
Doesn't the embed video from YouTube include all YouTube features by default?
(Thumbs up, share, full screen, etc…)
The video links shared via my website on Facebook appear as only images in the shared link; Facebook doesn't seem to recognize the content as video.
I've debugged the URL via Facebook debugger, and every thing appears fine:
<http://developers.facebook.com/tools/debug/og/object?q=www.vlikeviral.com%2Fvideos%2Fplay%3Fid%3D10>
The thumbnail that appears under the link does not have a play button on it. As you can see in the debug details, the appropriate og tags are already present on the page.
For video playing Facebook is not considering og:video tag, instead of that it is looking for og:video:secure_url tag
refer-link: https://developers.facebook.com/blog/post/602/
You seem to be missing an og:video tag pointing to the video source.
See also Shared Facebook video is not displayed inline in wall posts for HTTPS users - you also need to include the HTTPS source if you want users browsing Facebook over HTTPS to see the inline video.
It is very easy. You can add play button on an image like Facebook play button by using adobe Photoshop. Watch this video you will understand how to add it on the image.
http://mefmor.blogspot.com/2014/08/how-to-add-facebook-play-button-in-your.html
I think the answer to this is probably no, as I have been searching for days and have not run across the answer. I have a mobile site that has links to youtube videos in http://www.youtube.com/watch?v=XXXXXXXXX format. The links open in the iPhone Youtube app which takes the user out of Safari and is a suboptimal experience, as the user then has to re-open safari. Is there any type of parameter to pass that would allow these video links to open in the same view that say an embedded video opens in, or a direct MP4 would open in(which allows the user to simply click done, and boom they are back on Safari)? It sucks that only iframe or embedded videos seem to allow this functionality and not links.
From messing around with the mobile Youtube site itself, it looks like you can link to the mobile page for a particular video with this URL format: http://m.youtube.com/#/watch?v=XXXXXXXXX. Visiting that URL will show the video page in Safari without launching the Youtube app.
For me this solution is pretty simple but elegant and it did work perfectly
https://github.com/hellozimi/HCYoutubeParser