Encoded and delivered by apple.com. © Copyright 2010 Warner Bros. Pictures. All Rights Reserved

features

FryPlayer is fast and easy to use HTML5 video player. Main feature is that he is completely free to use!

Download

how to use

  1. Download FryPlayer.
  2. Copy js, css and images folders into your project. Next, add the following code into the <head> section in your HTML document. 
    						<link rel="stylesheet" type="text/css" href="css/FryPlayer.css" />
						<script type="text/javascript" src="js/jquery-1.4.2.min.js";></script>
						<script type="text/javascript" src="js/fryplayer.js"></script>
						<script>
							$(document).ready(function() {
								$('video').FryPlayer();
							});
						</script>
    Make sure that the paths to the files are correct.
  3. Additional settings. 
    						<script>
						$(document).ready(function() {
							$('video').FryPlayer({
								width : 700,    //video width
								height: 390,    //video height
								volume: 100,    //initial volume (from 0 to 100)
								watermark : ['images/watermark.png','98% 4%','0.3'], // Logo/Watermark (path, position (xpos / ypos), opacity)
								skin  : 'dark'  //skin name (dark or light)
							});
						});
						</script>

    Default settings: 'width': 640, 'height': 360, 'volume': 50, 'watermark': ['images/watermark.png','right bottom','1'], 'skin': 'dark'

  4. How to add video. 
    						<video>
							<source src="my-video.mp4" type="video/mp4" />
							<source src="my-video.ogv" type="video/ogg" />
							<source src="my-video.webm" type="video/webm" />
						</video>

    Working demo can be found in the archive.

changelog

Follow the development of FryPlayer and don't miss the latest improvements. Also, here you can find older versions of player.

v0.2 from 12.10.2010 download

  • fixed bug, concerning Mute On/Off
  • fixed bug when displaying context menu
  • added option for placing your own Logo/Watermark
  • minor optimizations

v0.1 form 16.08.2010 download

  • free
  • skin support
  • easy to use
  • fullscreen mode
  • lightweight, thanks to jQuery
  • buffering
  • without additional plug-ins
  • intuitive shortcuts keys
see all

support

FryPlayer works in all popular browsers that take full advantage of the capabilities of HTML5 video element!

Comments

Post a new comment:

Submit