OT: How do you make video available on your great homepage?

  1. 6 years ago

    This is slightly off-topic:

    I notice that the background video on your website (http://creolabs.com ) is starting almost immediately, apparently there is no long download latency, no matter what browser is used. It also plays well when I use a tablet. I love that!

    Would you be willing to share with us the magic behind it? It looks like you use maxcdn for content delivery. But then still it is quite amazing, that the video starts playing quite immediately, even on a Safari browser (and not only on Firefox, where one can use .webm video file format for immediate play of a stream).

    Do you use any special plugin or service for this? Thanks in advance for sharing some insight!

  2. marco

    19 Mar 2018 Administrator User since 2016

    Hi @oliver@osswald.com, no real magic here and no maxcdn for content delivery (only for js serving).

    It is just a .mp4 video (4.6 MB) served by an html5 video tag in a background css layer.

    Code is:

    <video autoplay="autoplay" loop muted poster="http://media.creolabs.com/video/creo_video_splash.jpg" class="creo-video-bg" style="height:100vh;">
        <source type="video/mp4" src="http://media.creolabs.com/video/creo_video_background.mp4"/>
    </video>
  3. Wow ... thanks! I’ll give it a try!

    Anyway, great video!

or Sign Up to reply!