HTML页面嵌入视频与JS控制切换视频示例详解

/*功能：动态切换视频*/
function setvideo(url){
var youku = document.getElementById("youku");
var htmlstr = "<object id='obx' name='obx' width='290' height='260'>";
htmlstr += "<param name='movie' value='"+url+"'></param>";
htmlstr += "<param name='allowFullScreen' value='true'></param>";
htmlstr += "<param name='allowscriptaccess' value='always'></param>";
htmlstr += "<param name='wmode' value='opaque'></param>";
htmlstr += "<embed src='"+url+"' type='application/x-shockwave-flash' allowscriptaccess='always' allowfullscreen='true' wmode='opaque' width='290' height='260'></embed>";
htmlstr += "</object>";
youku.innerHTML = htmlstr;
}

②在div容器内放置一个iframe，这样可以动态刷新iframe内的页面而不影响当前父页面。
具体的代码就不写了，大体的思路有：
　　1.采用url传值。
　　2.父页面或子页面弄个隐藏域动态存放地址供子页面获取。
　　3.采用①方法重置子页面中object对象。
　　4.其他诸如window.open方法就绕远了，不推荐。
至此，嵌入和控制视频切换都成功实现了。但是无意间，我发现一个问题：
切换到新的视频之后，点刷新或按F5等任何方式的刷新页面，都会弹出一个“缺少对象”的脚本错误。找到错误代码，发现是Flash的内部脚本错误：

function __flash__removeCallback(instance, name) {
instance[name] = null;
}

如果页面里使用了flash，并且flash里使用了flash.external.ExternalInterface.addCallback 方法，刷新网页时就会报__flash__removeCallback的js错误：缺少对象(Line 53)，(Jscript-scriptblock)。此函数的调用处为：

__flash__removeCallback(document.getElementById(""), "dewprev");

很显然，这里document.getElementById("")返回的是null，才会导致__flash__removeCallback报错，个人认为这个flash的内置方法或许应该这么写：

function __flash__removeCallback(instance, name) {
if (instance != null) { instance[name] = null; }
}

有人测试发现，document.getElementById("")这里是获取flash控件Object对象的id/name属性的，之所以出现这个错误，是因为没给Object设置id/name属性，设置后就不会出错了。可事实上我的object都是带着id/name属性的，因此不敢苟同此原因。由此看来，这个加id/name的方法可以解决部分人的问题，引起此问题的原因并非仅此一种。

尔后，我苦苦找寻了好久，终于在一个外国网站上找到了解决的办法，是一个叫Dave Smith的人写的，我在他代码的基础上做了点改进，减少了页面不断执行代码的压力。他提供的代码如下：