I have an HTML5 page that plays a small video (1.5MB) with autoplay and loop enabled.
The problem is, sometimes it takes up to 10 seconds after loading the page before the video starts playing. I've seen this happen in both Firefox and Chrome.
The only explanation I can think of is that the browser needs to download the entire video before playback begins.
Is this normal, or have I perhaps encoded the videos in a streaming-unfriendly way?
Edit: The video is 10 seconds of 25 fps video encoded by ffmpeg, here are the parameters I used to build them:
//OGV (Theora/Vorbis - used for firefox)
ffmpeg -i input -b 2000k -vcodec libtheora -acodec libvorbis -ab 160000 -g 30 video.ogv
//MP4 (Used by IE, Safari, Chrome)
ffmpeg -i input -b 1500k -vcodec libx264 -vpre slow -vpre baseline -g 30 video.mp4