How to customize a video player html template

I would like to know the steps followed in customizing a video player html template so that the player can keep on playing the video when the computer is locked, just as windows media player does when customized. I want to play the video once without downloading it and then saving the html file to play the video later
