YouTube API events like onReady onStateChange are not firing in FF as of 1292014

Here's my webpage: http://badmofo.wadasia.com/game_mw2.html

I edited the mcVideoPlugin.js to have some extra functionality on API events:

h=new YT.Player(a,{events:{
                    onReady:g,
                    onStateChange:f,
                    onStateChange:onPlayerStateChange  //--> this is the line i added
                    }}) 

//-> also added everything below this line
function onPlayerStateChange(event)
{       
    if(event.data === 1)
    {
         hideCaption();
    }
    else if ( event.data === 2 )
    {
        showCaption();
    }
}

function showCaption()
{
    var divs = document.getElementById("slider").getElementsByTagName("div");
    for(var d=0; d<divs.length; d )
    {
         if(divs[d].className=="mc-caption-bg" || divs[d].className=="mc-caption-bg2")
             divs[d].style.visibility = "visible";
    }
}

function hideCaption()
{
    var divs = document.getElementById("slider").getElementsByTagName("div");
    for(var d=0; d<divs.length; d )
    {
         if(divs[d].className=="mc-caption-bg" || divs[d].className=="mc-caption-bg2")
             divs[d].style.visibility = "hidden";
    }
}
=======================================================
This essentially hides the caption when the video is playing and brings it back when the video is not playing.  This worked on all major browsers back when I first made the website in Sep 2013. I don't know when it broke, but as of Jan 2014 the API event: onStateChange never fires in FireFox.  In fact neither does onReady. I've tried a bunch of supposed fixes I found by googling the problem, but none work. Please help. And please keep in mind I'm not a well versed web programmer. I mostly just fumble around with other people's working code.