Quick Javascript and CSS - Youtube API

I have some quick javascript/css that needs to be done in the next few hours. Attached basic html file. 1 - First - Youtube play/pause triggers I have a div with an ID of #lp-pom-box-1328 which is display:none by default. When the youtube video is played on the page, I would like this #lp-pom-box-1328 to fade in. When the youtube video is played or paused, I would like #lp-pom-box-1328 to fade out. I added some code I found online into line 26 in the code but it is not working. 2 - Second - Fade in and Fade Out buttons I have two <A> tags on lines 67 and 68. one is a fade out and one is a fade in - I’ll need these to also trigger the fade in and fade out of #lp-pom-box-1328. Also, only one of these triggers should be shown at a time, so when #lp-pom-box-1328 is faded in and visible, the only button shown should be “Fade out”. When #lp-pom-box-1328 is faded out, the only button shown should be “Fade in”.