我想在页面加载完之后，再给embed 加入src 值，但embed 后播放不了。

Question

下面是我的两个方案，都无法播放，求解：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script><embed allowFullScreen="true" id="embedid"  quality="high" width="620" height="500" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed><script type="text/javascript">
	$(function(){
		$("#embedid").attr("src","http://player.youku.com/player.php/sid/XMzE5NDUyNTcy/v.swf");
/*		var ebd = document.getElementById("embedid");  
		ebd.src = "http://player.youku.com/player.php/sid/XMzE5NDUyNTcy/v.swf";*/
	})</script>

Answer 1

embed 和 object 因为数据(video, audio, flash, activex)的特殊性，跟一般DOM处理上有所不同，在载入后浏览器会拒绝改变它们的 src 属性。解决这个问题的简单方法是插入整个 embed 元素。 如果是要改变已经在播放的 embed 的话，那得删除掉原来的一个再重新插入完整的 embed 了。<div&nbsp;id="box"></box>var&nbsp;box&nbsp;=&nbsp;document.getElementById('box') ,str&nbsp;=&nbsp;'<embed&nbsp;allowFullScreen="true"&nbsp;id="embedid"&nbsp;&nbsp;quality="high"&nbsp;width="620"&nbsp;height="500"&nbsp;align="middle"&nbsp;src="http://player.youku.com/player.php/sid/XMzE5NDUyNTcy/v.swf"&nbsp;allowScriptAccess="always"&nbsp;type="application/x-shockwave-flash"></embed>';box.innerHTML&nbsp;=&nbsp;str;

Answer 2

embed嵌入式对象是比较特殊的，你一旦嵌入到文档中无论怎么改src它都不会重新加载。其实你了解它的道理后也不难理解，它实质上是浏览器调用的外部插件来渲染的（比如你的例子就是调用的flash插件），这个渲染过程是在嵌入的时候就完成了，而这些属性也都是嵌入的时候传递给插件的。所以当你后面动态修改这些属性的时候，是不会重新传递这些属性的。要解决这个问题非常简单。你直接把这个嵌入对象用jquery插入就行了，记得把src要写在里面哦，比如这样<script&nbsp;type="text/javascript"&nbsp;src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <div&nbsp;id="player"></div> <script&nbsp;type="text/javascript">$(function(){ $('<embed&nbsp;allowFullScreen="true"&nbsp;id="embedid"&nbsp;&nbsp;quality="high"&nbsp;width="620"&nbsp;height="500"&nbsp;align="middle"&nbsp;allowScriptAccess="always"&nbsp;type="application/x-shockwave-flash"&nbsp;src="http://player.youku.com/player.php/sid/XMzE5NDUyNTcy/v.swf"></embed>').appendTo('#player'); }) </script>