在页面加载完之后,再给embed 加入src 值无效
1.原因
embed 和 object 因为数据(video, audio, flash, activex)的特殊性,跟一般DOM处理上有所不同,在载入后浏览器会拒绝改变它们的 src 属性。embed嵌入式对象是比较特殊的,你一旦嵌入到文档中无论怎么改src它都不会重新加载。其实你了解它的道理后也不难理解,它实质上是浏览器调用的外部插件来渲染的(比如你的例子就是调用的flash插件),这个渲染过程是在嵌入的时候就完成了,而这些属性也都是嵌入的时候传递给插件的。所以当你后面动态修改这些属性的时候,是不会重新传递这些属性的。
2.解决方法
法1:插入整个 embed 元素。 如果是要改变已经在播放的 embed 的话,那就得删除掉原来的一个再重新插入一个完整的 embed 。
法2:把这个嵌入对象用jQuery插入
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<div id="player"></div>
<script type="text/javascript">
$(function(){
$('<embed allowFullScreen="true" id="embedid" quality="high" width="620" height="500" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" src="http://player.youku.com/player.php/sid/XMzE5NDUyNTcy/v.swf"></embed>').appendTo('#player');
})
</script>