Adding mute option for embedded MP3

Discussion in 'HTML & Website Design' started by cavemanlawyer15, Nov 19, 2007.

  1. #1
    I have an MP3 playing out of a static frame... I want to give my users the option of muting the song if necessary. I've put the placeholder graphic at the far right of the nav...any thoughts on how I can turn this into a toggle on/off link?

    http://www.clicksharpmarketing.com/beta/may/

    Thanks!
     
    cavemanlawyer15, Nov 19, 2007 IP
  2. pylon

    pylon Peon

    Messages:
    88
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    you could make a little flash player for it.
     
    pylon, Nov 19, 2007 IP
  3. funkysnare

    funkysnare Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3

    this forum is ooold - but it came up when i googled for this exact problem. Trying to mute an embedded mp3 - and i managed to figure out a way to solve it.


    <div id="player" style="position:absolute;bottom:10px;left:10px;z-index:99;"><embed src="music.mp3" autostart="true" loop="false" width="18" height="18"></embed> </div>
    Code (markup):

    - so what I did was force the width/height of the embedded player to only show the pause/play button.. = if the player is on autoplay=true - then the only button the person sees is a pause. Solve the problem? it did for me.

    - the whole thing is wrapped in a z-index'ed div to make sure that it is clickable.

    hopefully the next person googling this topic finds this answer.
    + no flash player needed!


    - cheers
     
    funkysnare, Apr 22, 2009 IP