# MP3 player wanted

**URL:** <https://forums.realmacsoftware.com/t/mp3-player-wanted/390>\
**Category:** RapidWeaver Classic\
**Created:** [July 16, 2015, 3:03pm UTC](https://forums.realmacsoftware.com/t/mp3-player-wanted/390 "2015-07-16T15:03:57Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Furry](https://avatars.discourse-cdn.com/v4/letter/f/e19adc/32.png) [@Furry](https://forums.realmacsoftware.com/u/Furry)\
**Post date:** [July 16, 2015, 3:03pm UTC](https://forums.realmacsoftware.com/t/mp3-player-wanted/390/1 "2015-07-16T15:03:57Z")

</div>

Howdy

I need a really simple - Play / Pause control only - Mp3 player that will play nicely in Foundation.

I’ve a fair few already but none either a) happy in Foundation or b) will allow me to have just a play / pause button

Any idea’s gratefully received

Thanks

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [July 16, 2015, 3:23pm UTC](https://forums.realmacsoftware.com/t/mp3-player-wanted/390/2 "2015-07-16T15:23:20Z")

</div>

You can get [Joe’s HTML5 Audio][1] stack and then use the following code in the page inspector and it will give you just a play and pause button,

```
.mejs-time-rail {display:none !important;}
.mejs-time.mejs-duration-container {display: none !important}
.mejs-button.mejs-volume-button{display:none!important;}
.mejs-horizontal-volume-slider{display:none !important;}
.mejs-time {display: none !important;}
.mejs-container {width: 26px !important;}

```

Of course you can adjust to suit your needs, if you want time or volume controls.  
[1]: [http://joeworkman.net/rapidweaver/stacks/html5-audio/](http://joeworkman.net/rapidweaver/stacks/html5-audio/)

---

<div class="post-metadata">

**Author:** ![Mathew](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/mathew/32/2771_2.png) [@Mathew](https://forums.realmacsoftware.com/u/Mathew)\
**Post date:** [July 16, 2015, 3:39pm UTC](https://forums.realmacsoftware.com/t/mp3-player-wanted/390/3 "2015-07-16T15:39:27Z")

</div>

Another alternative is the Player stack at Stacks4Stacks. Great player, very flexible. Should work fine in Foundation.

---

<div class="post-metadata">

**Author:** ![Furry](https://avatars.discourse-cdn.com/v4/letter/f/e19adc/32.png) [@Furry](https://forums.realmacsoftware.com/u/Furry)\
**Post date:** [July 17, 2015, 7:54am UTC](https://forums.realmacsoftware.com/t/mp3-player-wanted/390/4 "2015-07-17T07:54:03Z")

</div>

Thanks Zeebe - That really should be in the documentation ya know (hint hint)

Whats the best way to colour and resize the play / pause button? - Can it be done in CSS or should I tweak the graphic file in the stack contents?

---

<div class="post-metadata">

**Author:** ![zeebe](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/zeebe/32/22007_2.png) [@zeebe](https://forums.realmacsoftware.com/u/zeebe)\
**Post date:** [July 17, 2015, 1:22pm UTC](https://forums.realmacsoftware.com/t/mp3-player-wanted/390/5 "2015-07-17T13:22:59Z")

</div>

Have actually started work on that as a tutorial for our docs page. The size and color of the play button can not change as they are SVG Sprites. You can color the background with this code  
.mejs-container {background-color: red !important}  
Hope that helps a little

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 12, 2026, 9:21pm UTC](https://forums.realmacsoftware.com/t/mp3-player-wanted/390/6 "2026-08-12T21:21:29Z")

</div>