Best way to load a video before into a web page with a progress bar

I want to play a video of about 30 seconds on my website that uses html5 css and javascript. What I would like is to make sure the video is loaded before playing so it plays with out interruptions.

Any quick and simple solutions.