Savannah Sosa

Embedding a Responsive Hero Video on a Homepage

Savannah Sosa | Jun 10, 2019

How do I embed a responsive hero video to a homepage?

A great way to immediately grab the attention of visitors to your website or your client’s website is to have a hero background video on your homepage. You’ve probably seen this web design trend all over the internet, as many companies are choosing to replace still images with dynamic content, and for a good reason. In this video, you'll add a responsive hero video to a rails blog project, but this code can be used for any kind of web project. We’ll also take a look at the embed code for YouTube and Vimeo, in order to get functionality such as autoplay, looping, and hiding controls for videos that are not directly in your project.

Subscribers Only

Transcripts are for subscribers. Create an account today to access our collection of screencasts, skill packs, and more.

Subscribers Only

Project files are only available for subscribers. Create an account today to access our collection of screencasts, skill packs, and more.

Need Help?

If you get stuck, try starting a discussion with Big Nerd Ranch experts in the community tab.

Related Screencasts

Explore other screencasts related to this topic.