Results 1 to 3 of 3

Thread: Optimizing video file for HTML5 video background

  1. #1

    Default Optimizing video file for HTML5 video background

    I am trying to create a video background for my website, and struggling to create a video file small enough to avoid making the website lag.
    Looking at other examples ( 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?

  2. #2


    I recommend examining the files using the Widow app "MediaInfo". There are several differences between the Kickstarter MP4 and the one at peakfolio. Perhaps it might help.
    They have very different durations (16secs at KS, 25secs at PF).
    The KS mp4 does not contain an audio channel.
    The Format profile at KS is "Main@L 3.2", the value at PF is "Baseline@L 1.3".

    Perhaps KS runs on faster web servers (or connection speeds); and are able to download files faster.

  3. #3


    You could try cropping to a widescreen image (the Kickstarter clip is 2.66:1).

    Taking your 1029.mp4 file and cropping it to 2.35:1 (1280x544) would bring your file size down to about 3.3MB. (See my quick demo version here: )

    Won't cover your whole background of course (neither does Kickstarter). It could be that the text is easier to read, if it's not all against a video background?.....
    Last edited by rogs; 10-31-2014 at 07:22 PM.

Similar Threads

  1. creating video for HTML5
    By fuzzymuffin in forum General video editing software help and advice
    Replies: 2
    Last Post: 08-11-2013, 09:28 AM
  2. Background video question
    By PeterParker604 in forum General video editing software help and advice
    Replies: 1
    Last Post: 05-21-2006, 09:41 PM
  3. Optimizing for Premier Elements using XP
    By JimJJ in forum The Perfect Video Editing PC
    Replies: 1
    Last Post: 12-22-2005, 08:24 PM
  4. Video Background
    By melvinjonas in forum Adobe Premiere, Premiere Elements, and After Effects
    Replies: 8
    Last Post: 09-18-2005, 09:21 AM
  5. optimizing for ulead video studio 8
    By tikki in forum Sony Vegas video editing apps
    Replies: 10
    Last Post: 11-29-2004, 01:50 PM


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts