Listening for Youtube Event in JavaScript or jQuery

Question

I have a slider which includes 4 youtube videos that are embedded via the iframe embed code

http://www.youtube.com/embed/'.$i.'?enablejsapi=1

I'm trying to make the onStateChange event of any of the four videos call a function I have called stopCycle() which will stop the slider when the video begins to play. The iframes do not have an id. I'm not sure about how to capture this event properly and could use any advice as to what i'm doing wrong.

<script charset="utf-8" type="text/javascript" src="http://www.youtube.com/player_api"></script>

var playerObj = document.getElementById("tab2"); // the container for 1 of the 4 iframes

playerObj.addEventListener("onStateChange", "stopCycle");

function stopCycle(event) {
    alert('Stopped!');
}

Answer 1

I'm trying to get the onStateChange event for one of the four videos and call a function  called stopCycle () that stops the slider when the video starts playing. The iframe has no ID. I don't know how to properly capture this event, so I can use some advice on what's wrong.

<script charset="utf-8" type="text/javascript" src="http://www.youtube.com/player_api"></script>
 var playerObj = document.getElementById("tab2"); // the container for 1 of the 4 iframes
 playerObj.addEventListener("onStateChange", "stopCycle");
 function stopCycle(event) {
     alert('Stopped!');
 }