2 Replies Latest reply on Feb 14, 2010 4:52 PM by Nancy OShea

    Embedding Video in APDivs

    Lateralan

      I'm having a bit of trouble embedding some .mov files into APDivs I've placed on the layout of a video page within a larger site.  Basically, there are four links in an image map at the top of the page, each linked to a different .mov file which should then appear in an allotted space below and begin to play within the same page.  When you select another link at the top, the previous video should disappear and the new video should appear and begin to play.

       

      I did the same set up with a photography page - links at the top which then trigger images to appear below in APDivs using the 'show-hide' behavior - and it worked swimmingly.  For whatever reason, when I preview this video page in Safari (Firefox works just fine), there are black boxes representing where my three videos are placed on the page stacked on top of one another (the APDivs are stacked so the videos play in the same coordinates on the screen every time, like a little video viewing region on the page).  I have to click the links at the top a few times and eventually the appropriate video will appear with the controller at the bottom, and then the videos work just fine.  I'm wondering why these black boxes (essentially my videos without their controller at the bottom) appear when you initially navigate to the page, and why selecting the links at the top multiple times solves the issue.  I have the links set to use the 'show - hide' behavior in cooperation with the videos embedded inside of the APDivs so they should appear and disappear as the user selects the links at the top of the page

       

      It's a pain in the ***; it's something I've been troubleshooting for the past couple of hours and I can't seem to place my finger on what the issue is.

       

      Firefox works really well with the same setup, except that when you select another video while the previous video is still playing, the visual element of the previous video disappears as it should, but the audio continues to play out.  It's not a huge issue - it's something I could live with - but if anyone knows if there is some parameter I could set that would cut the video off once a new link has been selected, that would be wonderful.  Safari does not have this issue for whatever reason.

       

      Any help would be appreciated.  Thanks.