HTML5 Video Background

HTML5 video background is a simple javascript module that allows you to add video to your site's background with a single javascript call. The script automatically chooses what video format to use and checks if your site is being seen from a mobile device and shows poster image if it isn't possible to have video playing as a background. It has also a flash fallback if user system doesn't support HTML5 video tag.

WordPress Version
HTML5 Video Background WordPress Plugin

Features Included:

  • HTML5 / YouTube videos are supported
  • Simple javascript call
  • Mobile support
  • Flash fallback
  • Parallax effect
  • Inline usage for small videos
  • Fixed position (follows page scrolling)
  • Absolute position (inside a div)
  • Maintains aspect ratio and centers video
  • Autoplay, loop, mute, volume parameters
  • Background pattern overlay option over the video
  • Callback function, redirect URL support after the video ends
  • Public API to control the video externally

Control Functions:

  • Play video
  • Pause video
  • Rewind video
  • Toggle playing status
  • Toggle sound
  • Toggle hiding video


Adding a video in background to your site is extremely easy with this application. You can install it in a few seconds. You'll just have to define paths for the videos you want to include and their respective format and the script will do the rest for you. Your site and it's features will remain exactly the same as the video won't interfer with any of your code.

Appreciated on May 9th, 2012
by in