程序员人生网站导航

JavaScript控制flash操作（兼容IE与FF）

栏目：jscript时间：2013-10-25 13:58:10

今天开发富媒体广告遇到的问题用JS控制flash 只在IE平台下有效费尽周折才找到兼容的解决方案
方法如下：

重点在于 object的id属性和 EMBED 的name属性 swliveconnect=”true” 属性

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="" id="myFlashMovie" width=481 height=86> <param name=movie value="flips2.swf"> <embed play=false swliveconnect="true" name="myFlashMovie" src="flips2.swf" quality=high bgcolor=#FFFFFF width=481 height=86 type="application/x-shockwave-flash" ....> </embed > </object >

通过js获取flash对象的方法兼容表如下

通过上图得到JavaScript方法来获取flash对象兼容多浏览器

function getFlashMovieObject(movieName)
{
if (window.document[movieName])
{
return window.document[movieName];
}
if (navigator.appName.indexOf("Microsoft Internet")==-1)
{
if (document.embeds && document.embeds[movieName])
return document.embeds[movieName];
}
else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
{
return document.getElementById(movieName);
}
}

获取到flash对象可以利用相关方法进行操作

播放：: Play()
停止: StopPlay()
停止并回到首帧: Rewind()
下一帧: TGetProperty(nameOfTargetMovieClip, propertyIndex) and GotoFrame(frameNum)
方大或缩小: Zoom(relative percentage)
发送数据: SetVariable(variableName, variableValue)
读取数据: GetVariable(variableName)

最终演示：

<style type="text/css">body{margin:0px; padding:0px; font-size:12px;}img{ border:none;}#warp{ width:960px; margin:0px auto;}#header{ height:100px; background:#333}#content h1{ height:22px; line-height:22px; font-size:12px; background:#ccc; margin:0px; padding:0px; padding-left:15px; color:#333;}#content .demo{ text-align:center; padding:20px;}#content .text{ text-align:left; padding:20px; background:#CCC;}#footer{ height:30px; text-align:center;}</style><script type="text/javascript">function getFlashMovieObject(movieName){if (window.document[movieName]){return window.document[movieName];}if (navigator.appName.indexOf("Microsoft Internet")==-1){if (document.embeds && document.embeds[movieName])return document.embeds[movieName];}else // if (navigator.appName.indexOf("Microsoft Internet")!=-1){return document.getElementById(movieName);}}function StopFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");flashMovie.StopPlay();}function PlayFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");flashMovie.Play();//embed.nativeProperty.anotherNativeMethod();}function RewindFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");flashMovie.Rewind();}function NextFrameFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");// 4 is the index of the property for _currentFramevar currentFrame=flashMovie.TGetProperty("/", 4);var nextFrame=parseInt(currentFrame);if (nextFrame>=9)nextFrame=0;flashMovie.GotoFrame(nextFrame);}function ZoominFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");flashMovie.Zoom(90);}function ZoomoutFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");flashMovie.Zoom(110);}function SendDataToFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");flashMovie.SetVariable("/:mytext", document.getElementById("data").value);}function ReceiveDataFromFlashMovie(){var flashMovie=getFlashMovieObject("Myflash");document.getElementById("data").value=flashMovie.GetVariable("/:mytext");//document.controller.Data.value=message;}</script></head><body><div class="demo"> <br /><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"id="Myflash" width=440 height=100><param name=movie value="http://www.wfuyu.com/uploads/allimg/0911/liehuodemo2.swf"><param name=quality value=high><param name=play value=false><param name=bgcolor value=#FFFFFF><embed play=false swliveconnect="true" name="Myflash" src="http://www.wfuyu.com/uploads/allimg/0911/liehuodemo2.swf" quality=high bgcolor=#FFFFFFwidth=440 height=100 type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"> </embed ></object ><br/> <br/> <br/><input type="button" value="播放" onclick="PlayFlashMovie()" /><input type="button" value="暂停" onclick="StopFlashMovie()" /><input type="button" value="停止" onclick="RewindFlashMovie()" /><input type="button" value="下一帧" onclick="NextFrameFlashMovie()" /><input type="button" value="放大" onclick="ZoominFlashMovie()" /><input type="button" value="缩小" onclick="ZoomoutFlashMovie()" /><input type="button" value="发送数据" onclick="SendDataToFlashMovie()" /><input type="button" value="接收数据" onclick="ReceiveDataFromFlashMovie()" /><input type="text" id="data" /></div><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.wfuyu.com/' target='_blank'>http://www.wfuyu.com/</a></center>
提示：可修改后代码再运行!

转自：http://www.iamued.com

参考翻译自：http://www.permadi.com/tutorial/flashjscommand/index.html

------分隔线----------------------------

上一篇 全面解析Oracle developer的异常处理机制

下一篇 CSS与JavaScript配合实现链接闪动切换

------分隔线----------------------------

最新技术推荐

1深入浅出Fetch API 带你入解应用场景及适用问题 2网页禁止复制内容的方法 3JavaScript提高：005：ASP.NET使用easyUI TABS标签显示问题 4js如何立即退出函数 5javascript事件：获取事件对象getEvent函数 6Firefox下frameset取不到值的解决方法 7JavaScript数组实例：点击逐条读取文字