Show hide elements using javascript

A couple of problems you may run into trying to use the 'video' tag - 1st any video on that slide will have a video tag so if you have more than one video trying to hide 'video' will hide everything that is a video element.....Beyond that if you do hide 'video' elements you are only hiding the video itself and not the captivate  contatiner captivate produces for it to live in so the vido will hide but the container will persist.

Here is a tested solution I did get to work if you can set up this way......In your captivate give each video a unique object name (in properties setting for object).......for instance video_1 and video_2.  This will give our video a unique id selector in the DOM....only problem is captivate appends junk to our ID name so we have to use a wildcard selector to grab it.....now when your package is published you can use jquery with wildcard selector - for our video ID (captivate object name) you would use $('[id^=video_1']).hide() to hide it after you stopped it.  What this selector does is grabs any element that has an ID tag that 'contatin' the text video_1 so it accounts for the other junk that captivates appends to our ID......conversely $('[id^=video_1']).show() should turn it back on again.  Keep in mind if you have a video_12  this would be a problem because it 'contains' the string video_1.

I can think of a few other solutions as well but it really depends on your layout and configuration as to what will work.  Let me know happy to help ya, but may need to ask some more questions if this solution isn't viable.