Trouble with mouse hover over/off with html5 output
I'm working on a project that has a web object video on the slide and then a button, that when clicked shows a layer that has a list of "learn more" resource links. As long as the focus isn't shifted back to the video, the layer/links stay on top, but once the mouse moves back over the video, it jumps to the top layer and moves the links back. Which I'm aware the web objects do this, but it looks buggy.
To resolve this, I've set up a mouse over/out trigger that shows/hides the layer. This way, if they move the mouse off the layer and back to the video, it hides the layer, instead of just moving it to the back. The problem is that in the html5 output, the mouse over trigger is not functioning properly.
For functionality reference, here is a link to the Flash output that works: https://university.inin.com/Content/testing/PCummins/test/story.html
Here is a link to the html5 output: https://university.inin.com/Content/testing/PCummins/test/story_html5.html
Thanks in advance for any help.