Force Load (Reload) a VAR that may be an IFrame using Jquery
<p>I am trying to force reload an iframe (as a var) when I rewrite an .ASPX video stream page's embed params. Essentially I have 3 iframes on .ASPX page that utilize same .ASPX page source. These Iframes may or may not be in focus but are triggered using a .LIVE click (on a thumbnail set) and the .next function in Jquery handles the swaps dependent on next DOM element next to thumbnail.
Below: the VAR 'img' may be an IMG or an IFRAME so I need to test first if the VAR is an iframe, if yes then force reload the source. The issue is that we are essentially changing params on the Iframe SRC page (.aspx) which in turn remotely loads a video and then ultimatley is reflected in the main Iframe. My jquery/js is not as strong as it should be so please be kind in your reponses. Thanks in advance. :)</p>

<p>JQuery Snippet:</p>

<pre><code>$('.workThumbnails img').live('click', function () {
                $('img', $(this).parents('.workThumbnails')).toggleClass('whiteBorder', false);
                $(this).toggleClass('whiteBorder', true);
                var img = $(this).next('iframe,img');
                var work = $(this).parents('.ourWork');
                $('.workContent *', work).fadeTo('slow', 0.0, function () {
                    $('.workContent', work).empty();
                    $('.workContent', work).append(img.clone());
                    $('.workContent *', work).fadeTo('slow', 1.0);
                });
            });
</code></pre>

<p>HTML Snippet: <code>&lt;iframe width="675" height="379" src="../../video.aspx?vid=448679&amp;cid=1c0b792573224ebcb925e5306b333907" frameborder="0"&gt;&lt;/iframe&gt;</code></p>
