Hello. I have encountered a problem and can not seem to find any similar issues online and hope that someone here can help me.

I am working on a client site and one page has several quicktime video files (it's the reel page for a production company). Instead of creating a seperate page for each file, I am using Javascript and innerHTML to replace the div content with the new video file.

I am using onclick behavior within the page and have attached a seperate JS file for the function. This behaves perfectly in IE/Firefox (and even avoids the IE "activate" annoyance, which is a plus).

The problem then comes in with Safari on the Mac. When you click on another file, it begins playing, but does not stop the previous video first. I don't have a Mac and I can't replicate it with the beta of Safari for Windows, but apparently the audio is overlapping and causing a poor user experience.

I could easily move the code out of the JS page and into the HTML page, but that would re-introduce the IE "activation" issue. Does anyone have any suggestions?

Here is the page: http://bluedoor.kaisersolutions.com/work.html

Here is the code:

 work_content.innerHTML = "<object classid='clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B' width=\"" + qtw + "\" height=\"" + qth + "\" codebase='http://www.apple.com/qtactivex/qtplugin.cab'><param name='src' value=\"" + src + "\"><param name='autoplay' value=\"true\"><param name='controller' value=\"true\"><param name='loop' value=\"false\"><embed src=\"" + src + "\" width=\"" + qtw + "\" height=\"" + qth + "\" autoplay=\"true\" controller=\"true\" loop=\"false\" pluginspage='http://www.apple.com/quicktime/download/'></embed></object>";

As a follow-up, moving the code to be within the page (as opposed to the external JS file), did NOT solve the audio issue as I expected.

Would anyone know if there is a way to write a piece of javascript that would first stop/pause the video, then load the innerHTML coding?