Yahoo! Media Player
m (Reverted edits by 8.7.69.41 (talk) to last version by SgarciaDev)
Line 13: Line 13:
   
 
For example:
 
For example:
<code><pre><a href="example.mp3"><img src="example.png" alt="" />my song</a></pre></code>
+
<code><pre><a href="http://www.dianacea.com/canciones/coco.mp3" class="htrack" tabindex="1"
  +
title="Movin' Right Along" type="audio/mpeg">Dulce de coco</a>></pre></code>
   
 
The dimensions of the image should be square, not rectangular.
 
The dimensions of the image should be square, not rectangular.

Revision as of 16:36, 28 January 2009

You add audio to your web page by linking to it:

<a href="http://example.com/song.mp3">My Favorite Tune</a>

This page explains how you can have more fine-grained control over the player by using standard attributes of the <a> (anchor) element, like this:

<a href="http://example.com/mp3/song" class="htrack" tabindex="1" 
   title="Movin' Right Along" type="audio/mpeg">my favorite song</a>

Album Art

You can set the image which is displayed in the player during a song. To do this, put an img element within the playable link.

For example:

<a href="http://www.dianacea.com/canciones/coco.mp3" class="htrack" tabindex="1" 
   title="Movin' Right Along" type="audio/mpeg">Dulce de coco</a>>

The dimensions of the image should be square, not rectangular.

If you don't want the image to show up directly in the main web page, add style="display:none" to your img tag:

<a href="example.mp3"><img src="example.png" alt="" style="display:none" />my song</a>

Link hiding

To conceal links from the user, see Link hiding