Dynamically change embedded video src in IE/Chrome (works in Firefox)

Question

I\'m trying to dynamically change an embedded video on a page. It\'s working in Firefox but for some reason it\'s not working in IE and Chrome (strange combination). Here\'s

Answer 1

Finally figured out something that works in IE, Firefox, and Chrome.

It seems a little unusual to do it this way but it works in IE8/Firefox/Chrome so it sounds good to me.

$("#video a").click(
            function() {
                var videoAddress = $(this).attr("href");

                $("#media-active").html(" ");
                $("#media-active").html('<object id="viewer" width="575" height="344"><param name="wmode" value="transparent" />' +
        '<param name="movie" value="' + videoAddress + '" /><param name="allowFullScreen" value="true" />' +
        '<embed id="embeddedPlayer" src="' + videoAddress + '" type="application/x-shockwave-flash" allowfullscreen="true" width="575" height="344" wmode="transparent"></embed></object>');

                return false; // stop the default link so it just reloads in the video player
            }
);

Answer 2

The <embed> tag is used for backwards compatibility. Try to change the param value instead.

$("#viewer param[name=movie]").attr("value", videoAddress);