jPlayer 2.1.0 example

Official jsFiddle example of jPlayer. The original one: jsfiddle.net/jPlayer/Q4LMV/. Source: http://jplayer.org/latest/demo-01/ AND http://jplayer.org/latest/demo-05/

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        
        <!-- Example code to create a simple player using jPlayer 2.1.0 -->
        
        <!-- Skins are defined in CSS. Uncomment the following CSS reference and comment out the one below it to switch skins -->
                
        <link href="http://jplayer.org/css/jPlayer.css" rel="stylesheet" type="text/css" />        
        <!--<link href="http://jplayer.org/latest/skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" type="text/css" />--> 
        <link href="http://jplayer.org/latest/skin/pink.flag/jplayer.pink.flag.css" rel="stylesheet" type="text/css" />       
        <link href="http://jplayer.org/latest/skin/circle.skin/circle.player.css" rel="stylesheet" type="text/css" />
        
        
        
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"></script>    
        <script type="text/javascript" src="http://jplayer.org/2.1.0/js/jquery.jplayer.min.js"></script>
<script type="text/javascript" src="http://jplayer.org/latest/js/jquery.transform.js"></script>
<script type="text/javascript" src="http://jplayer.org/latest/js/jquery.grab.js"></script>
<script type="text/javascript" src="http://jplayer.org/latest/js/mod.csstransforms.min.js"></script>
<script type="text/javascript" src="http://jplayer.org/latest/js/circle.player.js"></script>        
        <script type="text/javascript">
            
            /*paste or reference your JS here*/
              
        </script>
        
    </head>
    <body>
        <h1 class="title">Using <a href="http://jplayer.org/">jPlayer</a></h1>
        
        <p>Sources:
            <ul>
                <li><a href="http://jplayer.org/latest/demo-01/">http://jplayer.org/latest/demo-01/</a> AND</li>
                <li><a href="http://jplayer.org/latest/demo-05/">http://jplayer.org/latest/demo-05/</a></li>
            </ul>
        </p>
        
        <div id="jquery_jplayer_1"...

CSS

h1.title {
    font-weight:bold;
    font-size:22px;
}

JavaScript

$(document).ready(function() {


    
    $("#jquery_jplayer_1").jPlayer({
        ready: function(event) {
            $(this).jPlayer("setMedia", {
                mp3: "http://172.18.10.170:8080/TeacherOnline/mvc/preview/content/1611201236362/audio/2049_2044_33.mp3",
               /* mp3:"http://172.18.11.226/Kitaboo_HTML5.0Player/assets/resources/audio/33.mp3",*/
            
            }).jPlayer("play");;
        },
        swfPath: "http://www.jplayer.org/2.1.0/js",
        error:function(event){
            alert(event.jPlayer.error.message);
        },
        supplied: "mp3"
    });
    


   
});