I was trying to make use of facebook's new ability to show actual gifs in autoplay to make a small looping advertising for a facebook page.
I tested out the feature initially using some Giphy gifs and found it worked fine, receiving the visual message that facebook was loading the gif and it actually working on autoplay and looped forever on a user facebook "wall".
The thing is, with some more testing I found out there are 2 different behaviours for giphy gifs when you post its link:
1 - It behaves perfectly and works as expected and as an actual GIF.
2 - It weirdly adopts a sort of "video form" that doesn't auto-play and makes use of flash to loop the gif...
I tried to guess through some testing why that happened and thought I found a pattern regarding the actual number of frames and the resolution but still I can't get my uploaded gif to work fine.
http://gph.is/1PPYUPn
However this one that has bigger resolution and a larger number of frames behaves perfectly.
http://gph.is/1OuQv3a
Any fellow developer or someone from Giphy that is available to help me out?
UPDATE: I also noticed that the debug info from facebook for both links is completely different! Check it on https://developers.facebook.com/tools/debug/
Solution:
upload your animation (mov or gif) on giphy.com
copy link that looks like this: http://giphy.com/gifs/str4ng35tr1nG
open https://developers.facebook.com/tools/debug/
paste link and click „Debug”
your animation will show as a static link to media.giphy.com/…
after 30 sec, click „Scrape Again”
if this not help, try again until (GIF) symbol will appear on your animation. Now you know that you can paste link in post and animation will work as it should.
Related
I have a problem uploading videos to Facebook and keep the original quality. I have tried every step and various solutions but it still never get HD (1080p) quality as the source file are. The highest I get is 720p.
I have Premiere Pro CC, the lastest version, and I have tried almost every codec settings there is. My file is in good quality 1080x1080 and when I export it the video looks great on the computer and even on Youtube.
Unfortunately with Facebook I can't get it to Work on my customers Facebook Page and the material looks crap.
There are other firms also uploading videos to the pages and theire content gets HD quality.
I have tried:
Alomost every codec setting recomended out there with h264.
I have checked the HD-box in Video Settings on my Facebook.
I have tried export it in Apple ProRes HQ and uploaded 1-2 GB files.
I have downloaded HD 1080p material from Youtube and uploaded to FB.
I have tried upload directly and even schedule it for weeks later.
Unfortunately there is still no luck.
Anyone out there having a solution I should try?
So I had the same problem for ages! and after a LOT of research, the only real answer I found is that Facebook gives different priorities to different users (ex: Verified and Not Verified).
So it has nothing to do with your rendering export settings...
It's all Facebook decisions...
It sounds like it may simply be a problem with the upload handling. You should be fine utilizing the native Facebook codec though it never hurts to rebuild it. There's explicit steps you can take here regarding Facebook codec standards: https://blog.pond5.com/12628-social-media-export-settings-in-adobe-premiere-pro-the-ultimate-guide/
Here's a few things I recommend for troubleshooting:
check that HD gear in the bottom right corner includes 1080. If it only goes up to
720, check to make sure your file is indeed 1080x1080.
make sure you are the one uploading directly into your customer's Facebook page.
after you've uploaded it, give it 10-20 minutes and check on it again. It's possible that they haven't finished converting the file to the proper quality if you immediately view it after upload.
I have the same issue. The best answer you have to speak someone with Technical support and this is only possible if you publish this question everywhere over the internet because the regular support are trained only to send you useless articles.
Secondly Youtube is the king of HD and 4K videos so far. Check out my 4K video. When i try to upload this 4K video on my facebook page. They simple create error. Then i downgrade it to 1080p and after upload it only watchable in 720p. Since, facebook do not care about real creator they will never reply your comments on time so get some real one from linkedin or nudge again and again their support by calling and emailing them back to back so they force to add a real technical guy in your discussion and he will solve your issue on your facebook page.
Drop me your page link on my Instagram Profile. i will add you in my discussion with facebook technical team.
I'm working on a project where we're trying to allow users to upload images to their Facebook Pages. Currently we've got Photos figured out, but, animated .GIF files transmit successfully yet show only the first frame.
When posting these same files directly to FB, they display properly.
It is my understanding that FB converts animated images to .mp4 (or another format) to treat them effectively like video.
We're discussing whether or not we should do that conversion ourselves and transmit them as videos, though they behave differently on the newsfeed.
I'm looking for assistance in what the proper API call to make is to successfully publish animated gifs. Apologies if this is a redundant post -- there are many others but none have a definitive answer and many are years old.
The one piece of advice I've seen (but haven't gotten confirmation on) is to transmit an animated gif as a URL rather than the file itself. I'm not fully sure of what this means.
Thanks in advance.
I had the same problem when I posted animated GIF's through the Photo Upload - Graph API endpoint. I assumed this was the correct way, because in the documentation they say GIF is supported as photo upload.
Because they GIF's uploaded via this endpoint didn't animate, I tried the Video API endpoint instead and it worked perfectly.
So, for animated GIF's to work properly, you have to use the Video API endpoint: https://developers.facebook.com/docs/video-api/guides/publishing/
Uploading a gif as a video is the correct answer.
.
I embed a Youtube video on a webpage (not a "APP" but a "WEBAPP")
using the standard embed-code as shown below Youtube videos.
When i open my page from a standard Safari-shortcut (homescreen) it all works fine and i do have audio
When i open my page from a custom-icon shortcut (homescreen) it brings up the fullscreen "standalone" (webapp-style) then the video plays ok again but: NO AUDIO !
Since i used the standard embed-code by-the-book
and since it works in standard non-standalone:
This seems like a bug to me. (iPhone or Youtube)
I understand the Youtube API-forum was closed, while they mention i should ask here
so i hope any Youtube-Api-staff (hello...Jarek ?) will reply on suspected bugs.
My 1st post here...hope its a correct posting.
iPhone4s,iOs 6.0.1
.
---/ UPDATE /---
When we LINK to a video (not embed)
then it works in both modes. (standalone or safari)
like that we indeed have audio in both modes.
But it effectively means we cant embed videos for iPhone (and others)
ie: we cant play videos IN/ON the page.
After finding this you may think "not a big disaster since even when we embed it will still
open in the standalone player"...."so you could just as well simply link to it".
But that kills the standalone-mode (webapp) because:
When we link to open in the same page there is no go back (to previous page) option.
When we link to open in a new page same-thing...no go back.
And in both cases the safari browser shows up !
(which we were exactly avoiding by using the custom-icon to make it act as a webapp).
also as a result our visitor gets lost cause he dont see how to go back to the homepage (site-index)
only way out is to close and load the page again from the iPhone´s homescreen (icons)
or by retyping the url which is to much hassle...hustle ? (sorry not a native english).
In addition when embedding we are forced to use a minimal height of 200 px
(minimal embed without controls-bar, ie: controls set to "0")
for a nice 16:9 embed without large black bars the width then needs to be 356 px,
which is to large to fit on a iPhone in no-resize mode.
it will use to much estate and now cover or partly
hide-below other content and buttons you will have on the (no-scroll) page.
Its a long chain of settings that we need to have (no-resize...etc) to make a mobile-site (webapp)
look nice and work intuitively...changing one causes other unforseen problems.
In addition "playlists", they work in both modes...but they are useless !
i mean if you have 200 videos in a list..how would you expect a visitor
to go to video nr 56 that he likes ?,
that will taker forever !
cause there are no thumbnails (like on a fullsized desktop-page) to go there directly,
so now it`s: play nr1 wait till the (safari/Qt) player-controls show-up
click the next-button...
and do that 55 times until you get to the one you want ?
So anyway you look at it, usefull embedding (or linking) is not possible.
unless this is a bug(s) (that will be solved before iPhone 10 ?)
or if someone knows how to do this better ?
.
.
You need to use an object instead of an iframe. Had the same problem weirdly enough.
http://www.shockoe.com/blog/embedded-youtube-videos-wont-play-sound-through-speakers-when-played-from-web-apps-added-to-homescreen-fix/
Same bug on ios7 . No sound when play iframe embed code youtube if the page viewed inside webapp
I am having a problem with sharing/liking links with Open Graph Protocol data for audio/mp3 files. They look OK on Facebook news feed/timeline, but when you click play button, it won't play. It says: undefined (see screenshot).
So I tried playing some older posts of links with OG meta data about audio/mp3 files, and they don't play either.
EDIT
I did some firebug inspection and the audio player is Flash based. I think the problem is in the flashvars part of the embed code. There is a flashvar for src but its value appears to be a SHA256 checksum instead of the URL of the mp3 file.
I got the same problem and I do not really understand what is the cause of this!!
I have tried the meta tags setting as provided here.
https://developers.facebook.com/docs/opengraph/music/
Give them a try also(if you have not yet) and see if they work for you.
Facebook has apparently removed the player. Their help file suggests making a music video. Very irritating.
seems to be a current bug:
http://developers.facebook.com/bugs/165246693563413
It seems like Facebook have finally fixed it - at least, the audio players on my page have started working again. Hopefully that means you should see it fixed relatively soon, depending on how this is rolled out.
I'm having an issue using JW Player 5.4 with Amazon Cloudfront. I am using the JW Player Javascript Embed method to fall back to an HTML5 player on iOS. This is working great, except sometimes the videos don't load properly from Cloudfront. The player appears with a disabled play button.
The strange thing is that this seems to happen sporadically. We are almost getting a 50/50 chance now. I've set up a page where I have two players loading the exact same video file. The top is loading from the local server, while the bottom from Cloudfront.
http://dj.jomrx.com/video/
If you view this page on an iPhone (4 in my tests), the top player always works correctly. However the bottom has the issue described above. If you refresh a bunch of times you'll (hopefully) see what I am experiencing.
Someone suggested that the loading of the video metadata is timing out. However I thought Cloudfront was supposed to be fast as a CDN and wouldn't expect a timeout / latency issue. Any other ideas on what might be causing the issue? I've searched and searched but haven't found any good results yet.
Thanks a bunch!
More info (JW Player support topic): http://www.longtailvideo.com/support/forums/jw-player/setup-issues-and-embedding/17781/video-on-iphone-issue-flash-player-with-html5-fallback/
Update: Looks like this might not be an issue with JW Player. Same issue with hard-coded HTML5 video tags. http://dj.jomrx.com/video/index2.php
Update 2: After some help from AWS Premium Support, it looks like the issue was HTTPS. I don't know many of the technical details and I'm not sure why, but apparently AWS says that Mobile Safari is "sometimes" rejecting the SSL certificated served by Cloudfront. We switched to just regular HTTP and everything is fine now.