Menu icon Foundation
Background Video

Any idea of how to get a background video on a div just like the zurb.com/studios website?
Thanks ;)

backgroundVideofull screen

Any idea of how to get a background video on a div just like the zurb.com/studios website?
Thanks ;)

Luke over 5 years ago

Try this plugin, it will help with keeping aspect ratio of the video:

https://github.com/Victa/HTML5-Background-Video

Brandon Arnold over 5 years ago

I'm fairly certain we did some custom javascript, but you can achieve it your self by embedding a video tag, making it 100% width and height, and then fix positioning it to the background of the body. Then creating your header with no background tag.

Tiago De Sousa over 5 years ago

Thanks Luke. I was using that plugin but couldn't figure out how to place the background video on a div instead the full page. Do you know how to do it?

François Marie Arouet Voltaire 11 months ago

Why do you need it? In the era of the high-speed internet, it's always easy to open a tab with video and enjoy it. Try this site https://nudogram.com/videos/103/erika-marquez-leaked/. See how fast it opens. And the video has good quality. I mean streaming quality.

Va Mang Trinh O Dau 11 months ago

thank!