jquery - 旅程不会停止播放! (使用 JQuery 更改嵌入对象的值不会更改播放视频)

Question

我有一个包含以下视频播放器的页面:

<div id="flashContent"> 
            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="589" height="470" id="Take5" align="middle"> 
                <param name="movie" value="DontStopBelievin.swf" id="ee1" /> 
                <param name="quality" value="high" /> 
                <param name="bgcolor" value="#f7f7f7" /> 
                <param name="play" value="true" /> 
                <param name="loop" value="true" /> 
                <param name="wmode" value="window" /> 
                <param name="scale" value="showall" /> 
                <param name="menu" value="true" /> 
                <param name="devicefont" value="false" /> 
                <param name="salign" value="" /> 
                <param name="allowScriptAccess" value="sameDomain" /> 
                <!--[if !IE]>--> 
                <object type="application/x-shockwave-flash" data="DontStopBelievin.swf" width="589" height="470" id="ininplay"> 
                    <param name="movie" value="DontStopBelievin.swf" id="ee2" /> 
                    <param name="quality" value="high" /> 
                    <param name="bgcolor" value="#f7f7f7" /> 
                    <param name="play" value="true" /> 
                    <param name="loop" value="true" /> 
                    <param name="allowFullScreen" value="true" /> 
                    <param name="wmode" value="window" /> 
                    <param name="scale" value="showall" /> 
                    <param name="menu" value="true" /> 
                    <param name="devicefont" value="false" /> 
                    <param name="salign" value="" /> 
                    <param name="allowScriptAccess" value="sameDomain" /> 
                <!--<![endif]--> 
                    <a href="http://www.adobe.com/go/getflash"> 
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> 
                    </a> 
                <!--[if !IE]>--> 
                </object> 
                <!--<![endif]--> 
            </object> 
        </div> 

并与调用的 onclick 函数链接:

function changeMedia(id) {
    $('object#ininplay').attr('data', id + ".swf");     
    $('param#ee1').attr('value', id + ".swf");      
    $('param#ee2').attr('value', id + ".swf");      
}

这非常有效，因为当我使用 Chrome 的 Inspect Element 工具时，我可以看到上述值已更改为有效且不同的文件，但原始电影仍在播放。 .

我已经循环播放了 13 遍 Don't Stop Believing。

Answer 1

简单地为嵌入对象数据设置不同的参数值并不意味着flash player会重新评估它们。您的值确实发生了变化，但嵌入式 Flash 播放器在加载后会简单地忽略它们。

您可以尝试删除整个“flashcontent”div 并用新的替换它。

您可以使用 swfObject 轻松地做到这一点

which you can get and read about here

...或者你可以使用 jQuery's templating plugin