Audio player bar width
-
Hello. Would like to use the template 1 layout but I want to resize the player bar aligning it under an image see it here but with default layout actually and changing its color. Tried to do it but couldn’t be able to center aligning inside elements of the bar. How to change css to get it? Thank you
-
Hi kkriss can you add the audio player with template 1 in a temp page so that I can share with you what to change.
Thank you
Hi. This is the temporary page, copy of the original one.
Just realized that the file don’t play with Internet 11, works with Chrome and FF. Thanx in advance.Hi kkriss, can you read the following URL. It gives you some pointers. I think you have wrapped the audio player around a <p>. Try and wrap it around a div container.
Once you have set it up then let me know.
Regards
Hi mbrsolution.
I did a div container and now everything works, see it in action, the only thing is that I would like to stick the bar to the image. I set a 50% width and not exactly the image size to let the audio bar responsive. Right? Is it possible?
Thank youHi kkriss I just did a test in the browser by zooming in to the max and the audio stays with the image. Can you clarify a bit more exactly what you want to achieve.
Also bare in mind that to make an image responsive your should also set some rules for your image unless your theme already takes care of that. Or you have a responsive plugin set up.
Thank you
See it here, thanks.
Hi, try adding position: relative; and play around with this and see what you get.
What is short code so that bar displays and listener can skip ahead in audio file? Right now I am just getting the little button with using:
[sc_embed_player fileurl=”mp3 file url”]@webbseitz here is an example.
[sc_embed_player_template1 fileurl="http://www.example.com/wp-content/uploads/my-music/mysong.mp3"]thanks, mbrsolution, I appreciate the help. However, I am winding up with the same problem.Here is an example page:
http://www.jimrooneyproductions.com/podcast-4/The top mp3 link has url to a file outside of WP, for the hour long show, and that has no problem (displayed text: “Download whole show here”)
Then the show is divided into 3 sections within WP page. You should be able to see the results above.
Part 1 has the code you sent me:
[sc_embed_player_template1 fileurl="http://www.jimrooneyproductions.com/wp-content/uploads/2014/02/podcast_4_part1.mp3"]Part 2 has the code for the new player with button display – this works but I want it in a line so that listener can navigate ahead, etc.):
[sc_embed_player fileurl="http://www.jimrooneyproductions.com/wp-content/uploads/2014/02/podcast_4_part2.mp3"]Part 3 has the built in WP player that was fine before 4
.1.1 upgrade:
[audio mp3="http://www.jimrooneyproductions.com/wp-content/uploads/2014/02/podcast_4_part3.mp3"][/audio]Parts 1&2 have the same little white line over the play/pause button. It seems like the “template1” is getting the same hang-up.
Sorry, last line should read “Parts 1&3 have the same…”
@webbseitz can you disable all your other plugins except this one and see if the issue is resolved? What theme are you using? Is your theme up to date?
OK. Deactivated Jetpack (I’m getting rid of that anyway) : didn’t seem to make a difference. Then deactivated W3 Total Cache and presto!, the littl white lines disappeared and the player functioned. I’ll keep my fingers crossed but THANKS!
I *am* running an older theme (“2010”), but I had updated it. I tried “2015” but it stuck the title and tagline over in a wide right hand column, which I did not like
I am glad to hear that you resolved your issue 🙂
Enjoy the plugin
The topic ‘Audio player bar width’ is closed to new replies.