Best way to do a video background

Hi guys I have got the video background working, however one issue I am having is that it takes a while for it to load. Is there a better way in wrapper to add the video background rather than doing it in CSS like:
.video-wrapper {
height: 100%;
width: 100%;
background: url(…/video/svpsl.mp4) no-repeat center center;
background-size: cover;
}

Alternatively is there a way to show loading progress and and perhaps a poster image whilst it loads?