How to Embed an MP3 Audio Player

104 46

    Adding Windows Media Player

    • 1). Add your MP3 file(s) to the folder that contains all of your HTML documents.

    • 2). Open your HTML document in your HTML editor.

    • 3). Decide where you want the audio player to be located on your Web page. Insert this code:

      <object classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"

      id="mediaplayer1">

      <param name="Filename" value="yourmp3file.mp3">

      <param name="AutoStart" value="False">

      <param name="ShowControls" value="True">

      <param name="ShowStatusBar" value="False">

      <param name="ShowDisplay" value="False">

      <param name="AutoRewind" value="True">

      <embed type="application/x-mplayer2"

      pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/MediaPlayer/"

      src=" yourmp3file.mp3" autostart="0"

      showcontrols="1" showstatusbar="0" showdisplay="0"

      autorewind="1"></embed>

      </object>

    • 4). Change "yourmp3file.mp3" to whatever your MP3 file is named in both places in the code. You can also change the height and width to any size. Be sure to change the size at both the beginning and the end of the code.

    • 5). Copy this code for every MP3 file. Save the HTML document.

    • 6). Upload the new HTML document and your MP3 file to the Web server that hosts your website. If you do not upload the MP3 file, the media player will not be able to play it. Your site will now play the audio.

    Adding Quicktime Player

    • 1). Add your MP3 file(s) to the folder that contains all of your HTML documents.

    • 2). Open your HTML document in your HTML editor.

    • 3). Decide where you want the audio player to be located on your Web page. Insert this code:

      <OBJECT CLASSID="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

      CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">

      <PARAM name="SRC" VALUE="maquillaje.mp3">

      <PARAM name="AUTOPLAY" VALUE="false">

      <PARAM name="CONTROLLER" VALUE="true">

      <EMBED SRC="maquillaje.mp3"

      WIDTH="160" AUTOPLAY="false" CONTROLLER="true"

      PLUGINSPAGE="http://www.apple.com/quicktime/download/">

      </EMBED>

      </OBJECT>

    • 4). Change "yourmp3file.mp3" to whatever your MP3 file is named in both places in the code. You can also change the height and width to any size. Be sure to change the size at both the beginning and the end of the code.

    • 5). Copy this code for every MP3 file. Save the HTML document.

    • 6). Upload the new HTML document and your MP3 file to the Web server that hosts your website. If you do not upload the MP3 file, the media player will not be able to play it. Your site will now play the audio.

Subscribe to our newsletter
Sign up here to get the latest news, updates and special offers delivered directly to your inbox.
You can unsubscribe at any time

Leave A Reply

Your email address will not be published.