I want a video to play on page load and then transition into a static image

Hi - 

I am building a very simple landing page. I have a .mov file that I would like to play when a user first comes to the site. Instead of that video auto-looping, I would like for the video to play once and then transition into just a static image with some text and a button. 

Does anyone know how to accomplish this? Any help would be appreciated. 

You mean

When users access site >> Autoplay Video on Middle of Screen (on any pages) > Then when video finish play >> Change it to a static image with text/button over. 

This will appear once or always appears if users reload the page/access any other pages?