Features

  • HTML5 video with Flash fallback
  • Easy CSS/HTML/JS customization and theming
  • Full screen support
  • Completely open source and free for commercial use

Theme Example

  • Default theme
  • Vimeo theme
  • Spotify theme

Download

Download Version 1.2 Github Source

Formats

Format supported depends on your browser.
  • All browsers: MP4, FLV
  • Firefox: Ogg
  • Safari: MP4, MOV

Browser support

  • Safari
  • Firefox
  • IE 7 >=

Requirements

Installation

  <link rel="stylesheet" href="stylesheets/flarevideo.css" type="text/css">
  <link rel="stylesheet" href="stylesheets/flarevideo.default.css" type="text/css">
  <script src="javascripts/jquery.js" type="text/javascript"></script>
  <script src="javascripts/jquery.ui.slider.js" type="text/javascript"></script>
  <script src="javascripts/jquery.flash.js" type="text/javascript"></script>
  <script src="javascripts/flarevideo.js" type="text/javascript"></script>
view raw gistfile1.html This Gist brought to you by GitHub.

Loading video files

  <script type="text/javascript" charset="utf-8">
    jQuery(function($){
      fv = $("#video").flareVideo();
      fv.load([
        {
          src:  'http://video_url/file.mp4',
          type: 'video/mp4'
        }
      ]);
    })
  </script>
view raw gistfile2.html This Gist brought to you by GitHub.
More »
Mugshot

FlareVideo was created by Alex MacCaw - a Ruby/JS developer.

Follow Alex on Twitter, or email him.