Aaron,
I've found that it is somewhat unreliable to add object elements using innerHTML. For my media plugin I resorted to using DOM methods to add media in IE. For an example, look at the "generate" method at the bottom of this file: http://malsup.com/jquery/media/jquery.media.js Mike On 6/4/07, Aaron Scott <[EMAIL PROTECTED]> wrote:
http://www.andcuriouser.com/sandbox/jqueryqt/test.html Contents of test.html: <script src="thickbox/jquery-latest.pack.js" type="text/javascript"></ script> <script type="text/javascript"> function swapMovie() { $("#TB_movie").remove(); $("body").append("<div id='TB_movie'></div>"); $("#TB_movie").load("test-movie.html"); } // swapMovie() </script> <body> <a onclick="swapMovie();">Swap the movie</a> </body> Contents of test-movie.html: <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="500" height="500"> <param name="src" value="serve/sample.mov" /> <param name="controller" value="true" /> <param name="autoplay" value="false" /> <!--[if !IE]>--> <object type="video/quicktime" data="serve/sample.mov" width="500" height="500"> <param name="autoplay" value="false" /> <param name="controller" value="true" /> </object> <!--<![endif]--> </object> The bug: In Firefox, everything works as expected: the QuickTime is removed, and then replaced. In IE, however, when the QuickTime is replaced, it appears sans control bar. This appears in both IE6 and IE7, and it doesn't seem to matter whether you use the Embed or Object methods to display the movie. If anyone knows why this is happening, or knows of a workaround, I'd greatly appreciate some insight.