jPlayer invis player test
Invisible player div here:
Code:
<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="jquery.jplayer.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#player").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
oga: "http://www.vigrond.com/jplayerTest/beer.ogg",
mp3: "http://www.vigrond.com/jplayerTest/beer.mp3"
}).jPlayer("play");
},
supplied: "oga, mp3",
swfPath: "/jplayerTest",
solution: "html,flash"
});
});
</script>
</head>
<body>
<div id="player"></div>
</body>
</html>
Directory Structure:
/jplayerTest
/jplayerTest/index.php
/jplayerTest/beer.ogg
/jplayerTest/beer.mp3
/jplayerTest/Jplayer.swf
/jplayerTest/jquery.jplayer.min.js