- This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
Viewing 5 posts - 1 through 5 (of 5 total)
- The forum ‘JavaScript’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › JavaScript › Background video: How is this done?
Hi there,
I’m trying to figure out how this agency did this animation/video on their home page:
http://www.basicagency.com/
Actually, I see this technique on a lot of websites these days. Usually they’re subtle like this. Is this an actual video or… something else?
It’s actual video:
<video style="width: 1776px; height: 1009px; margin-left: -98px; margin-top: 0px;" id="videobcg" class="fill" width="1580" height="898" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0" poster="sites/default/files/videos/hero-video-background.jpg">
<source src="sites/default/files/videos/basic_home.mp4" type="video/mp4">
<source src="sites/default/files/videos/basic_home.webm" type="video/webm">
Sorry, your browser does not support HTML5 video.
</video>
Well, gee, that’s simple lol. Thanks Senff!
If you wanted to use YouTube, check out tubular:
Whats the webm file for?