Need a scalable video added to the homepage of an AngularJS site

General information for the website: Gif photobooth website
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of requirements/features: This is a relatively simple task, I'm a developer myself but simply don't have the time for this right now. The website is built in AngularJS so it's essential you have used this before and understand it.

The home page must be altered slightly.

The video is on Vimeo and the video needs to be implemented similar to this site: http://phhhoto.com/pro

It must be responsive and interactive in the same way that it is on the example site, linked.

I can provide assets for the play button etc if necessary, preferably you can do this without this though. The animation is not necessary, we only need a still image with the play button and some text above it like the example site.

The gif images (most popular section) will still be below the new video section which will replace the current large image at the top of the page. You will scroll down to find the most popular section which is also responsive as it is just now and will remain the same.

See screenshots which show what is to stay and be replaced with the video section.

Thanks!
Extra notes: 1) Site is http://gifgif.looklook.co.uk
2) Access to live server can't be granted (sorry, tight security) but can provide copy of files for front end. You will need to update API URL to work locally.
3) We use Grunt to compile SASS (SCSS) to CSS and JS as well.
3) Will need to know which files are changed and updated so we can update our version control repo and put live. Anticipating only the home page template and CSS will change.