Home / Components / Media / HTML5 Video Background /

HTML5 Video Background

89 purchases

flashblue Media HTML5 Video Background HTML5 Video Background Player it's a simple javascript module that allows you to add a video to your site's background. $4 http://www.flashcomponents.net/component/html5-video-background.html http://www.flashcomponents.nethttp://u1.flashcomponents.net/components/small/5948_1.png

License:

By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other ... [+]

> View graphic table with full license features

$4.00

buy now

Documentation level: Well documented

Product ID:F1205948

Author:

flashblue

flashblue avatar

Interactive Web Designer and Developer.

 

HTML5 video background player it's a simple javascript module that allows you to add a 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 choose a lower quality video if so. It has also a flash fallback if user system doesn't support HTML5 video tag.

Features Included:

  • Simple javascript call
  • Mobile support
  • Flash Fallback
  • Absolute position (follows site's scroll)
  • Video aspect ratio to normal, aspect, full size or scale view
  • Maintains aspect ratio and centers video
  • Background pattern overlay option over the video
  • Control functions such as pause and play video

Control Functions:

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

Installation:

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.

$4.00

buy now

License:

Personal License By purchasing and downloading this license, you are entitled, as buyer, to use the product in ONE SINGLE NON-COMMERCIAL PROJECT ( website or other multimedia project not generating income ), your personal work or work for a client. You may not redistribute / resell the functionality provided with the purchased product without the author's and / or FlashComponents.net written permission, but you may modify its content. In case you want to use the product for a commercial project then you will have to buy the 'Commercial License'.

Usage Terms: Personal Commercial Multiple
Use in ONE SINGLE NON-COMMERCIAL project
Unlimited use in the same project
Use in ONE SINGLE COMMERCIAL project
For your client's ONE SINGLE COMMERCIAL project
MULTIPLE COMMERCIAL projects
For your client's MULTIPLE COMMERCIAL projects

Other by flashblue:

Horizontal Image Gallery v3

XML driven horizontal image gallery.

More >>

Spiral Preloader

Spiral rotating preloader animation with action...[+]

More >>

Banner Gallery XML

Dynamic banner gallery with XML.

More >>

Related components:

HTML5 Responsive Photo Multimedia Grid FWD

HTML5 vertical grid of thumbnails with multimed...[+]

More >>

HTML5 Carousel Gallery FWD

An amazing HTML5 Canvas Gallery XML driven Caro...[+]

More >>

HTML5 Mobile Gallery

Mobile Photo Album jQuery plugin is a easy to u...[+]

More >>

1 / 17

Featured components:

Side XML Template Photography with Color Theme

This is an ActionScript 3.0 XML driven Flash te...[+]

More >>

Flash Clock with admin panel

Digital and analog flash clock in one pack with...[+]

More >>

Advanced Image Gallery XML ( & Slideshow & Banner Rotator ) 01 - AS2

XML Image Gallery / XML Photo Gallery & XML...[+]

More >>

7 comments

Add comment

  • New tags added for component HTML5 Video Background



    #  /  PM  /  posted on Mar 29, 2012
  • is a video gallery included to toggle between videos?



    #  /  PM  /  posted on Oct 14, 2012
  • It plays only one video. But, it can be modified by adding some codes.



    #  /  PM  /  posted on Oct 14, 2012
  • another ques. does it work for firefox or do i need to add some extra code?



    #  /  PM  /  posted on Oct 16, 2012
  • You need to add OGV version of your MP4 video in order to make it work on Firefox and mobile phones.

    You can convert audios-videos online here: http://video.online-convert.com/



    #  /  PM  /  posted on Oct 16, 2012
  • Question: Is there code in this component that switches to a regular background image if Flash is "NOT" permitted or incorrect flash player version is being used by the users browser?

    Please let me know...



    #  /  PM  /  posted on Apr 18, 2013
  • You can use this script to add a background image: [http://srobbin.com/jquery-plugins/backstretch/][1]



    #  /  PM  /  posted on Apr 19, 2013
Please login to post comments.