You are here:

Web Design/Video as a bg image


Hello, Kiven

I was wondering what technique is being used in the background image/video at this website ( dog catching the freesbe ):

What's the name of this technique?
Is there more than 1 way to achieve this?

Thank you very much


Sorry for the late reply as i was on vacation for a few days.

I checked the code (CTRL U on Chrome) and saw that the video was being preloaded as a .webm and .mp4 video and being called by a script to display on page.

<video id="hero-vid" class="" preload="auto" >
     <source src="//" type="video/webm">
     <source src="//" type="video/mp4">

there's also this code snippet:  Find out why

which i guess is running a script for the video reel in the bg.

hope that helps!

Web Design

All Answers

Answers by Expert:

Ask Experts




I can answer questions regarding to blogging, new media, wordpress, usability, problogging, online and console gaming, html, cross browser design issues, layout techniques and graphic optimization.


Currently serving as the Editor in Chief for New Media of the highest ranked Philippine Website as per Alexa. Also the Owner of the premier gaming and entertainment blog in the Philippines. Past: Professional Web designer with experience in the development of corporate/commercial sites and more than a dozen non profit/NDA websites.

UP Diliman

Awards and Honors
3x Philippines Webby Award Winner

©2016 All rights reserved.