I want to do a short intro video for my website (10 seconds long) much like this: http://www.firecrackerfilms.com/

I know how to embed videos but how does one then make the entire page fade in to the main index page so its a nice smooth transition? I understand the video is small and the background is black so it blends. I was just curious about the transition

This is my video: https://www.youtube.com/watch?v=KmvqA2hfw6c

My website: http://www.world8-4.ca