I am in the process of developing a course for iPad as well as desktop/browser deployment. One page contains 5 buttons that allow the user to watch 5 different videos. The buttons each contain a number of actions that show/hide and play/stop the videos according to which button is clicked.
Initially, everything worked properly when viewing on an iPad, but not in IE. After some troubleshooting I determined that the order of the actions attached to the buttons was causing the problem on IE.
for each button, I had the logical equivalent of:
stop all the other videos (e.g. stop vid2, stop vid3, etc.)
hide all the other videos (e.g. hide vid2, hide vid3, etc.)
show the video clicked (e.g. show vid1)
play the video clicked (e.g. play vid1)
Seems logical right? But it didn’t work.
The order that does works is:
play the video clicked (play vid1)
show the video clicked (show vid1)
hide all the other videos (hide vid2, hide vid3, etc.)
stop all the other videos (stop vid2, stop vid3, etc.)
Is it me, or does that seem backwards?
In any case, they’re working, so I though ‘d post in case anyone else was having a similar problem.