jPlayer Icecast
HTML
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>jPlayer | Icecast2</title>
<meta name="description" content="">
<meta name="author" content="cdowebcast.com">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<link rel="stylesheet" href="css/ie.css">
<![endif]-->
<!-- Apple iOS and Android stuff -->
<meta name="apple-mobile-web-app-capable" content="no">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
<!-- Apple iOS and Android stuff - don't remove! -->
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no,maximum-scale=1">
<!-- Use Google CDN for jQuery and jQuery UI -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.min.js"></script>
<!-- Loading JS Files this way is not recommended! Merge them but keep their order -->
<!-- some basic functions -->
<!-- all Third Party Plugins -->
<!-- all jPlayer Plugins -->
<script src="http://jplayer.org/latest/dist/jplayer/jquery.jplayer.min.js"></script>
<!-- configuration to overwrite settings -->
<!-- the script which handles all the access to plugins etc... -->
</head>
<body>
<div id="iceplayer">jPlayer</div>
</body>
</html>
JavaScript
$(document).ready(function() {
$("#iceplayer").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {ogv: "http://10.165.188.198:8000/tv.ogg"}).jPlayer("play");
},
swfPath: "Scripts",
supplied: "ogv",
oggSupport: true,
solution: "flash, html",
volume: 0.8
});
});