HTML5 & Flash Video Player - FlareVideo

File Size: 585KB
Views Total: 4919
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
HTML5 & Flash Video Player - FlareVideo

FlareVideo is a jQuery plugin for creating HTML5 based Video Player with Flash call back. It supports fullscreen and is highly customizable with CSS/javascript/HTML5. 

How to use it:

1. Include necessary javascript files in your head section

<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> 

2. Include FlareVideo CSS and a theme (flarevideo.default.css, flarevideo.spotify.css, or flarevideo.vimeo.css)

<link rel="stylesheet" href="stylesheets/flarevideo.css" type="text/css">
<link rel="stylesheet" href="stylesheets/flarevideo.default.css" type="text/css">

3. Call the plugin

<script type="text/javascript" charset="utf-8">
    jQuery(function($){
      fv = $("#video").flareVideo();
      fv.load([
        {
          src:  'http://flarevideo.com/flarevideo/examples/volcano.mp4',
          type: 'video/mp4'
        }
      ]);
    })
  </script>

3. Markup

<div id="video"></div>

This awesome jQuery plugin is developed by maccman. For more Advanced Usages, please check the demo page or visit the official website.