Video player

1 Attachment

This is a concept for a video player modal.

I have implemented this code into other projects. Basically there is a full width banner that goes above the footer. This is your main intro video to your product. Or it can be a weekly special video (as was the case here) that can be featured from every page. After clicking on the play button, it expands to fit the browser.

The button is implemented with only CSS. The arrow is from font awesome. I added a transparent background and border radius to accomplish this look.

The video player that I am using is from Vimeo. The play button is just JavaScript to make the modal appear. Then you use the vimeo player.

The image is not mine but was from another photographer who was not credited by someone on Tumblr, yeah sorry. But this is just a demo. And the image was raw, I added the CSS to create the filtered effect.

keyboard shortcuts: L or F like post comment