[jQuery] Cycle Plugin and Flash Videos

[Chris Falzone]

I am trying to create a slideshow where each slide would have a video
(embedded vimeo video to be exact)

My basic structure is

<div id="slides">
  <div class="slide">
    <div class="slide_video"> EMBED CODE </div>
    <div class="slide_content"> HTML BLURB </div>
  </div>
  ...
</div>

I've set pause to 1 so that when the mouse is over the slides it
doesn't advance, but if the user is watching the video and they move
their mouse out of the slideshow area the slides advance.


How do I stop the slideshow if the video is playing?

I have tried setting the click event on the "slide_video" div but it
never fires when clicking on the flash video.  It seems the flash
blocks the click getting through to the div



Here is my code:

$(document).ready(function() {
  $('#slides').cycle({pause:1});
});


Thanks for your help,
Chris