How to pass DOM element to a API function?

Question

While trying to integrate Yahoo Media Player into my own website, I want to allow users to click on a link to add the clicked track to the playlist. YMP API has got a function for doing that (http://mediaplayer.yahoo.com/api/#method_addTracks). It takes a DOM element. Now how should I pass the dom element. My code looks like this right now: ...

<li id="track1">
<a href="location of track" style="display:none">track1</a>
<a href="#" onclick="YAHOO.MediaPlayer.addTracks(WHAT SHOULD I PUT HERE?, null, true);">Add this to the playlist</a>
</li>

if anyone has worked with YMP or has any idea about this please help.

Answer 1

You should place a reference to the DOM element you want to add, most likely by id like so:

<li id="track1">
<a id="trackelement" href="location of track" style="display:none">track1</a>
<a href="#" onclick="YAHOO.MediaPlayer.addTracks(document.getElementById('trackelement'), null, true);">Add this to the playlist</a>
</li>

Answer 2

As far as I understand from the API page, you should be using

YAHOO.MediaPlayer.addTracks(document.getElementById('track1'), null, true);

(the documentation says "HTML DOM element (possibly contains media anchor tags)")

Answer 3

i finally solved this. this is what i did

<div id="debug"><a href="http://www.radioreloaded.com/audio/7k/6724_Akela Hoon Main.mp3">Akela hoon Mein, Raeth</a></div>

<a href="#" onclick="YAHOO.MediaPlayer.addTracks(document.getElementById("debug"),null,true);">Add to playlist</a>

to start playing the track you can

YAHOO.MediaPlayer.play();

Answer 4

If you have 10 tracks, how can you specify to play track 4 to YAHOO.MediaPlayer.play() ?