JPlayer Circle Player and Wordpress Intergration Problem

419 views
Skip to first unread message

Keith Williams

unread,
Nov 23, 2011, 1:40:27 AM11/23/11
to jpl...@googlegroups.com
Hi,

I'm trying to integrate the Circle Player within Wordpress for a college school project website called The Pundit Class. The problem I'm having right now is trying to install the Jquery circle player to play audio clips. To add the player, I embedded it within a one-third box of a section I created called Signature in the Wordpress theme I'm using. When you visit thew site you'll see the circle player represented by button with a play arrow inside of it.

I copied the code where I got the player index demo code(GitHub), modified it in Dreamweaver - I just deleted the second player portion and added my own audio file links - to what I needed, tested it three times and it worked fine. Next, I transferred the tested code to the Wordpress theme. When I finished adding the code to the head and body sections and configuring the the CSS, it didn't work. Well, the arrow lights green when a press on the button. However, the player doesn't play.

Would it be possible for someone to check it out and tell me where I went wrong? I'm at a loss. I mean, when I tested it in Dreamweaver, it worked great. Everything functioned as it should. When I transferred everything over to the theme, the arrow lighting up only works.

Thanks for your help in advance.

Dustin Blake

unread,
Nov 23, 2011, 4:40:54 AM11/23/11
to jpl...@googlegroups.com
Looks like your looking for your JavaScript files in the wrong places.

Failed to load resource: the server responded with a status of 404 (Not Found)
http://thepunditclass.com/public_html/wp-includes/js/jquery.jplayer.jsFailed to load resource: the server responded with a status of 404 (Not Found)
http://thepunditclass.com/public_html/wp-includes/js/circle.player.jsFailed to load resource: the server responded with a status of 404 (Not Found)
http://thepunditclass.com/public_html/wp-includes/js/mod.csstransforms.min.jsFailed to load resource: the server responded with a status of 404 (Not Found)
http://thepunditclass.com/public_html/wp-includes/js/jquery.transform.jsFailed to load resource: the server responded with a status of 404 (Not Found)
/:36Uncaught ReferenceError: CirclePlayer is not defined

Keith Williams

unread,
Nov 23, 2011, 3:37:48 PM11/23/11
to jpl...@googlegroups.com
A ha, that does not look good. The path is off.

Thanks Dustin for your help. Now I have to correct the paths.

Thanks again.

Keith Williams

unread,
Nov 23, 2011, 4:13:13 PM11/23/11
to jpl...@googlegroups.com
Hey Dustin,

Changed the paths to the correct ones and still not working. If you have any more paths to fix this, please let me know.

Thanks again.

Dustin Blake

unread,
Nov 23, 2011, 5:18:26 PM11/23/11
to jpl...@googlegroups.com

None of the files are being found.

you need to remove public_html from the paths

Keith Williams

unread,
Nov 24, 2011, 4:38:22 PM11/24/11
to jpl...@googlegroups.com
I moved scripts to my Amazon server and it didn't work their either. I'm lost.

I finding it's not a path problem but a Wordpress issue. Wordpress makes it tricky to add third party javascript. There are others in this group who are posting the same problem with adding the circle player on Wordpress. Maybe all the post should consolidate so we all can find the answer. Maybe we can come up with a tutorial for this.

Good idea?

Keith Williams

unread,
Dec 10, 2011, 8:31:01 PM12/10/11
to jpl...@googlegroups.com
Update on this deal.

I got the player to work in Chrome, Safari and Firefox by putting into a object tag pulling a page a marked up on my Amazon S3. It doesn't work at all in IE. However, since a lot of people use IE, I have to get it to work there as well.

So, I'm trying a new solution.

Now, I found a way to put all the js references into Wordpress. The path to each file is absolute and were tested when it I checked to see if the path was where it's supposed to be. However, the player doesn't work in anything now.

Could someone see something I might have missed here?

Thanks

Site thepunditclass.com
Reply all
Reply to author
Forward
0 new messages