FlareVideo

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

cdl_capture_2011-09-06-06_ 000

THEME EXAMPLE
  • Default theme
  • Vimeo theme
  • Spotify theme
DOWNLOAD

Download Version 1.2 Github Source

RMATS

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 rawgistfile1.htmlThis 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 rawgistfile2.htmlThis Gist brought to you by GitHub.

Leave a comment