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 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.
L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2016 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.