D:
/
vhosts
/
inpeacenet.com
/
httpdocs
/
SimplePlayer
/
up file
home
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=620"> <title>Simple HTML5 Player Demo</title> <link rel="stylesheet" href="simpleplayer.css" type="text/css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script> <script src="jquery.simpleplayer.js"></script> <script type="text/javascript"> $(document).ready(function() { var settings = { progressbarWidth: '45px', progressbarHeight: '4px', progressbarColor: '#22ccff', progressbarBGColor: '#eeeeee', defaultVolume: 0.8 }; $(".player").player(settings); }); </script> </head> <body> <div> <audio class="player" src="http://www.inpeacenet.com/files/music/_Here_And_Now.mp3"> </audio> </div> <h3> </h3> <h3> </h3> <h3> </h3> <h3> </h3> <h3> </h3> <h3>Usage: </h3> <p> At first you need include <i>simpleplayer.css</i> and <i>jquery.simpleplayer.js</i>. Then initialize the player after document loaded, e.g.: <br /> <code> $(".player").player(); </code> </p> </body> </html>