Re: Audio player is not working?? Playlist problems ...

[masterexmachina]

come one ... please anybody?

Dana subota, 5. siječnja 2013. 22:10:37 UTC+1, korisnik masterexmachina napisao je:

So here are my problems with jplayer

1. I used pink theme because it is more condensed then blue monday one, and I see it is 240px wide. I want to make it smaller, 230 px or 210 px, but I cannot in css find reference to width of the player?

2. are there any theme sets for jplayer? commercial or non commercial?

3. big problem, here is my script. For some reason it looks broken, like this in attachment and here is my code

this is in head, site_url is main url to my site, ignore that

        <link rel="stylesheet" type="text/css" media="screen" href="{site_url}/assets/jQueryjPlayer/pink.flag/jplayer.pink.flag.css" />

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>

<script>jQuery.noConflict();</script>

<script type="text/javascript" src="{site_url}/assets/jQueryjPlayer/jquery.jplayer.min.js"></script>

<script type="text/javascript" src="{site_url}/assets/jQueryjPlayer/jquery.playlist.min.js"></script>

later on in head in script tag I have this

<script type="text/javascript">

//<![CDATA[

jQuery(document).ready(function(){

new jPlayerPlaylist({

jPlayer: "#jquery_jplayer_1",

cssSelectorAncestor: "#jp_container_1"

}, [

{sounds loop in php}

{

title:"{title of sound}",

mp3:"{sound}"

},

{/sounds loop in php}

], {

swfPath: "{site_url}/assets/jQueryjPlayer",

supplied: "mp3",

wmode: "window"

});

});

//]]>

 </script>

and this is in body

<div id="playlist">

 <div id="jquery_jplayer_1" class="jp-jplayer"></div>

 <div id="jp_container_1" class="jp-audio">

<div class="jp-type-playlist">

<div class="jp-gui jp-interface">

<ul class="jp-controls">

<li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>

<li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>

<li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>

<li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>

<li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>

<li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>

<li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>

<li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>

</ul>

<div class="jp-progress">

<div class="jp-seek-bar">

<div class="jp-play-bar"></div>

</div>

</div>

<div class="jp-volume-bar">

<div class="jp-volume-bar-value"></div>

</div>

<div class="jp-current-time"></div>

<div class="jp-duration"></div>

<ul class="jp-toggles">

<li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>

<li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>

<li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>

<li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>

</ul>

</div>

<div class="jp-playlist">

<ul>

<li></li>

</ul>

</div>

<div class="jp-no-solution">

<span>Upgrade</span>

Upgrade message <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.

</div>

</div>

 </div>

    </div>

in error console I have this error

Resource interpreted as Script but transferred with MIME type text/html: "{site_url}/assets/jQueryjPlayer/jquery.playlist.min.js". 
Uncaught ReferenceError: jPlayerPlaylist is not defined

WHAT TO DO? Help!

[Siyu Chen]

I met the same problem. But after I restart it, sometimes it goes right. I don't know why. and at present. It's wrong.

在 2013年1月8日星期二UTC-5下午4时09分22秒，masterexmachina写道：