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”.