Video Page Does Not Function Properly When Published

Ok, I'm going to try to explain this as well as I can so I hope it makes sense enough for someone to provide an answer. I have a page that has 4 buttons and 4 videos on it. All of the videos are initially invisible. When clicked, each button has actions associated with them to make them show and play the corresponding video, and stop/hide any of the other 3 videos that could possibly be playing. When I preview the page in Lectora, everything works properly. For example, if Video 1 is playing and I click the button for Video 3, Video 1 instantly stops playing, is hidden, and Video 3 appears and begins to play. I also have a variable set to make the user watch all 4 videos before continuing. After I publish to HTML, the page does not work properly. When published, the first button I click(whether it's Video 1,2,3, or 4) functions as it should, the video becomes visible and begins to play. However, when I click a button for another video, all it does is stop the video that is currently playing. I must click the same button for a second time to actually get it to play. I have tried rearranging the order of my actions but have not been able to get it to work. I am baffled why it works perfectly when previewed, but not after I publish it. Any help would be greatly appreciated.


Thanks,

Jesse

Discussions have been disabled for this post