<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html">
  <title>HotStarRadio Webplayer</title>

  <link rel="stylesheet" type="text/css" media="all" href="css/styles.css">
  <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
  <script type="text/javascript" src="js/mediaelement-and-player.min.js"></script>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <style>
   audio::-internal-media-controls-download-button {
    	display:none;
		}
		audio::-webkit-media-controls-enclosure {
    	overflow:hidden;
		}
		audio::-webkit-media-controls-panel {
		width: calc(100% + 33px);
		}  
</style>
</head>
	
	<body>
<div id="w">
    <div id="content"></div><!-- @end #content -->
	<div class="audio-player">
        <audio id="audio-player" src="http://176.9.165.146:7060/;" type="audio/mpeg" controls="controls"></audio>
		<a class="listenpls" href="http://176.9.165.146:7060/listen.pls" target="_blank"></a>
      </div><!-- @end .audio-player -->
</div><!-- @end #w -->';


<script type="text/javascript">
$(function(){
  $('#audio-player').mediaelementplayer({
    alwaysShowControls: true,
    features: ['playpause','volume'],
    audioVolume: 'horizontal',
    audioWidth: 450,
    audioHeight: 70,
    iPadUseNativeControls: true,
    iPhoneUseNativeControls: true,
    AndroidUseNativeControls: true
  });
});
</script>
</body>