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

HTML

Posted by Jackie Jen
Jackie Jen
2,723 Points

I really like the video-image that playing on header at AirBnB website

May i know how to do this kind of video-image ?

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

I'm not sure exactly, but I did notice it's a flash movie and the site is using Bootstrap classes.

<div class="span12 flash-container">
      </div>

span12 is a class used for layout pre-3.0, so it looks like they haven't bothered upgrading to the latest Bootstrap.

2 Answers

Bill Hinostroza
Bill Hinostroza
19,273 Points

I found a site that explains it. Here you go! http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

Thanks for finding this. Here is the buried, full-page CodePen showing it in action.

Jackie Jen
Jackie Jen
2,723 Points
Jackie Jen
Jackie Jen
2,723 Points

Thanks Bill & Robert. I was looking some keywords to google. really appreciate