आईई/क्रोम (फ़ायरफ़ॉक्स में काम करता है) में एम्बेड किए गए वीडियो स्रोत को गतिशील रूप से बदलें

Question

मैं पृष्ठ पर एक एम्बेडेड वीडियो को गतिशील रूप से बदलने की कोशिश कर रहा हूं। यह फ़ायरफ़ॉक्स में काम कर रहा है लेकिन किसी कारण से यह आईई और क्रोम (अजीब संयोजन) में काम नहीं कर रहा है। यहां HTML है:

<object id="viewer" width="575" height="344"> 
     <param name="wmode" value="transparent" /> 
     <param name="movie" value="http://www.youtube.com/v/Lmn94kn08Lw&hl=en&fs=1&color1=0x006699&color2=0x54abd6&rel=0" /> 
     <param name="allowFullScreen" value="true" /> 
     <embed id="embeddedPlayer" src="http://www.youtube.com/v/Lmn94kn08Lw&hl=en&fs=1&color1=0x006699&color2=0x54abd6&rel=0" type="application/x-shockwave-flash" allowfullscreen="true" width="575" height="344" wmode="transparent"></embed> 
    </object> 

और यहां मेरा जावास्क्रिप्ट कोड है। एक लिंक वीडियो को बदलने के लिए क्लिक किया जाता है:

 $("#video a").click(
      function() { 
       var videoAddress = $(this).attr("href"); 
       $("#embeddedPlayer").attr("src", videoAddress); 
       return false; // stop the default link so it just reloads in the video player 
      } 
     ); 

जैसा कि मैंने कहा था वीडियो Firefox में लेकिन IE में पूरी तरह से बदल रहे हैं और क्रोम कुछ नहीं होता। कोई विचार?

Answer 1

अंत में आईई, फ़ायरफ़ॉक्स और क्रोम में काम करने वाली कुछ चीज़ों को समझ लिया गया।

ऐसा करने के लिए यह थोड़ा असामान्य लगता है लेकिन यह आईई 8/फ़ायरफ़ॉक्स/क्रोम में काम करता है, इसलिए यह मेरे लिए अच्छा लगता है।

$("#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

<embed> टैग पीछे की संगतता के लिए उपयोग किया जाता है। इसके बजाय param मान बदलने की कोशिश करें।

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