Youtube Api Does Not Load On Firefox

I have the following code snippet that controls an embedded youtube player. It works great on Chrome and Safari but not on Firefox. jsfiddle : http://jsfiddle.net/fuSSn/4/ Code fr

Solution 1:

There is no problem with the above code. My video was loaded in a bootstrap modal. Modal's hide property would make it invisible to firefox and firefox would not load the api at all. So I removed the modal hide class and instead of display:none I used item.css("visibility", "visible"); and item.css("visibility", "hidden"); which made firefox load the api.