shrinking video size, without sacrificing quality

[solver12]

I am trying to create a video background for my website, http://www.peakfolio.com and struggling to create a video file small enough to avoid making the website lag.

Looking at other examples (Kickstarter.com is a great one) it seems the optimal file size is around 4mb.

 

How can you reduce a 30mb .mp4 file (26 sec long) to such a small size, maintain enough quality for viewing on laptop and average monitors, and ensure it is browser compatible?

 

[Author]

Posts