Forums

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?

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #195241
    StephBertha
    Participant

    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?

    #195244
    Senff
    Participant

    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>
    
    #195245
    StephBertha
    Participant

    Well, gee, that’s simple lol. Thanks Senff!

    #195247
    shaneisme
    Participant

    If you wanted to use YouTube, check out tubular:

    http://www.seanmccambridge.com/tubular/

    #203924
    braddalton
    Participant

    Whats the webm file for?

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘JavaScript’ is closed to new topics and replies.