curiousco

Sure –

I’m using the videos in combination with a jQuery script called onePageScroll, which essentially mimics Apple’s old iPhone website. (see: http://www.thepetedesign.com/demos/onepage_scroll_demo.html)

Most of the main content sections within an individual HTML page will have a video background. When scrolling from one content section to the next, I need to be able to pause the current section’s video and play the new section’s video. The onePageScroll API allows for all kinds of callbacks, so the ability to do what I’m trying to accomplish is built into the jQuery script.

The problem I’m having is that I don’t know how to target specific videos without them having a unique ID. For example, the first instance of the video I’m using was placed into a container called “.sectionHeader” — now I want to use JS to pause or play this particular video.

Currently, i’m trying to reference it via document.getElementById(“.sectionHeader”)

To boil things down, say I have three videos, each placed into containers “.sectionOne”, “.sectionTwo”, and “.sectionThree” respectively. How could I use JavaScript to pause one video and play another?

Thanks again for your time, it’s very much appreciated.