Unfortunately, I guess even though it is transparent, the video control’s are not accessible behind the png file. I set the video to play automatically, but I would like users to be able to pause it.
If you think about this for a minute and use the analogy of your png being like a sheet of glass over your video. Can you touch the video or would the glass be in the way.
There may be some sort of javascript workaround from another button in front of the png. Might be worth googling for ‘External Video Controller’ or similar.
It’s extremely chancy to get anything to float over a movie or flash element except for more of the same type of content. Plug-ins cut a hole through your page, and the browser hands over control for that entire portion of the page. So you can float another QuickTime movie over the top of a QuickTime movie, but if you try to put a gif over one, you’d see that the movie shows right through it like it wasn’t there.
There is a way to add an href track to a QuickTime movie, that might get you what you need.
It’s a feature of the QuickTime format. It lets you define clickable hotspots on a movie, and since they can point to any URL, that means you could trigger JavaScript to control the movie from within itself.