StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>Fixed it! My new code is listed below. The issue was IE's handling of Flash parameters (wouldn't perform an async refresh of the params for the object). It was working fine in FF because it was embedding the video, and not handling it as an object.</p> <p>New Javascript</p> <pre><code>function display_youtube(new_url) { $('#object_url').replaceWith('<param id="object_url" name="movie" value="' +new_url+ '" />'); $('#embed_url').replaceWith('<embed id="embed_url" src="' +new_url+ '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="720" height="480" />'); $('#shade').css('display', 'block'); $('#youtube_player').css('display', 'block'); $('#exit_youtube').css('display', 'block'); } function exit_youtube() { $('#object_url').replaceWith('<param id="object_url" />'); $('#embed_url').replaceWith('<embed id="embed_url" />'); $('#shade').css('display', 'none'); $('#youtube_player').css('display', 'none'); $('#exit_youtube').css('display', 'none'); } </code></pre> <p>New HTML</p> <pre><code><object width="720" height="480"> <param id="object_url" /> <param name="allowFullScreen" value="true" /> <param name="allowscriptaccess" value="always" /> <embed id="embed_url" /> </object> </code></pre> <p>I think the trick here was to force IE to rely on instructions from jQuery before it could perform any actions whatsoever on the object, in effect preventing IE from caching any parameters from the start. FTW!</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload