Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Amanda Bater
Amanda Bater
7,686 Points

Video Gallery -ideas/questions

I'm building a website as a personal project and would like to make a nice video gallery...I was wondering what the best way to do this was? The videos are all on Vimeo. But in the gallery I'd like them to be thumbnails, and I'd like to add a hover property so I can display the video title when someone hovers over it. When the videos are clicked I'd like them to play in a lightbox.

What is the best way of doing this? Is it possible to do this if the videos are all hosted by Vimeo? And can I do it all with CSS or will I need javascript maybe?

Any tips would be amazing, thank you.

Mike Mitchell
Mike Mitchell
Courses Plus Student 27,026 Points

Hi Amanda, I recently stumbled upon this animated video modal example on Codepen: http://codepen.io/webcraftsman/pen/qOmorv

It's a combo of CSS and JavaScript, but looks amazing. Maybe it can give you some ideas.

Good luck!

Mike

1 Answer

Amanda Bater
Amanda Bater
7,686 Points

Thank you! Great to see a good example.