Jump to content
Sign in to follow this  
xan2622

Facebook animated banner

Recommended Posts

Facebook now allows to add short videos instead of a static image in the banner.

Example: https://www.facebook.com/exorstudios/

 

From what I have read (I am not 100% sure of these details), it can be 20-90 seconds long and should be at least 820x312 pixels (but maybe Facebook resizes the video to fit the banner dimensions).

I just think that you could also add a nice battle video on your https://www.facebook.com/play0ad/ page.

 

PS: avatars can also be (7 seconds) animated GIFs.

 

  • Like 3

Share this post


Link to post
Share on other sites

Definitely worth considering. I do think it would be worth creating a video for this purpose specifically. I looked at your example and it looked as if they had just used an existing video and cut away a bit at the top (and possibly bottom), and it did feel a bit weird - as if there should be more above it, I kept wanting to scroll up the page to see more =)

Share this post


Link to post
Share on other sites

Hello,

The timeline video cover is in my to-do list, it needs to be a 20sec-90sec video with 820x462px(at least 820x312px). Facebook doesn't resize the video but will take one frame and make it as static cover for people who are not in the A/B testing. The video needs to have some kind of a loop effect.

We(the person who have access) need to check if it's available on the page since FB is always running A/B test on new features.

 

Share this post


Link to post
Share on other sites
22 hours ago, daker said:

We(the person who have access) need to check if it's available on the page since FB is always running A/B test on new features.

Video for cover is available :)

Share this post


Link to post
Share on other sites
14 hours ago, BrynnOfCastlegate said:

Hi!

I could probably help with this. What sort of video are we looking for (battle, scenery)? One scene that loops, or several scenes?

--Brynn

Here is the brief :

Duration: 20sec-90sec
Resolution: 820x462px(at least 820x312px)
I propose the following scenes :

  • Intro scene: 5sec to 10sec
  • Building scene: 10sec or more(scene showing workers working)
  • Attack scene: 10sec or more
  • Download scene: 5sec "Get it now on play0ad.com (win, mac os, linux logos)"

Transitions:
Like the one used in the trailer

NB: if you want to put text at the bottom of the video, it will be hidden since the video cover will be centered in a 312px(height) wrapper div(but not reconverted or resize), once you click on the video the original format(820x462px) will popup(like in the example link provided by @xanax)

Edited by daker
  • Like 2

Share this post


Link to post
Share on other sites

It is the end portion of the same logo animation. I cut off the start because I thought it might be better to have the logo displayed immediately for the banner. It would be just as easy to use the full animation if you think that would look better, though.

--Brynn

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...