How to embed Frame by Frame Video in a Web Page?

I want to design a webpage with the following functionality. 1) Embedding a screen recorded video of a mobile app along with the screenshots (ie. frames) of app pages running below the video. 2) Users should be able to click and download the screenshots as an image file. How can I achieve this in a webpage?