以文本方式查看主题 - ╋艺 镇╋ (http://wdystv.com/bbs/index.asp) -- ┣◇FLASH交流 (http://wdystv.com/bbs/list.asp?boardid=5) ---- 全屏播放终极卷轴 (http://wdystv.com/bbs/dispbbs.asp?boardid=5&id=137) |
-- 作者:乐魔舞 -- 发布时间:2007/12/28 -- 全屏播放终极卷轴 开始接触Flash后,经常到一些国外相关站点闲逛,某天竟然发现Flash网页竟可以做的像屏幕保护程序一样,覆盖整个屏幕,我内心着实震撼不小,从此就关注起这项技术来。经过学习和自己琢磨,现在颇有收获,好东西不敢私藏,拿出来与大家共享,同时也就正于大方之家。 首先我们要明确一个概念,所谓Flash的全屏播放,不是指swf文件在播放器中的全屏播放,也不是指 swf 文件占满整个浏览器窗口(我称之为“撑满”^_^),而是指包含Flash网页的网页在浏览器中播放时,效果就象屏幕保护一样,除了Flash,没有任何别的东西。 好,我们开始干吧,分两步实现这一效果。 怎样撑满浏览器窗口又不出现讨厌的滚动条呢?我们第一步就解决这个问题。达到这一目的的方法有多种,经过我的研究,发现最简单而且兼容性最好的方法(我们总是要考虑在 Netscape 上的效果,不然就照顾不到那可敬的 10% 的使用者)就是使用隐形帧,我们先创建一个 html 文件,打开源文件窗口,删去所有内容,拷贝入以下代码: -------------------------------------------------------------------------------- ------------------------------- 我解释一下上面的内容,这是打开一个包含上下两帧的浏览窗口,上面的一帧放入我们想要大家看到的装有Flash的页面,我这里用的是"learn_fullscreen.htm",这里你可以改成你的页面地址,这个页面占有浏览器窗口从上到下9 9%的面积(为什么不100%,因为那样的话Netscape会死翘翘),下面一帧放的是一个陪衬页,如果你只考虑IE浏览者的话可以空着,但那样的话Netscape会出现警告窗口,所以为了那可敬的10%浏览者我们最好还是做好这一帧,我用的的是" learn_blank.htm",注意这一页的背景色要改成你的Flash的背景色,因为这一页会在浏览器窗口的下面呈现一条细线。其他的几条标签就是去掉滚动条的意思。 好,下面我们编辑好 learn_fullscreen.htm 文件,为了在上面和左面不留空隙,我建议大家最好先插入一个层,层的位置是(0,0),它的宽高我们可以不管,然后在层中插入你要播放的 Flash 动画,你可以大胆的使用800*600的动画,再也不会出现讨厌的滚动条了。 下面的工作是激动人心的:去掉一切条条框框!为了达到这点,我们不得不借助几条JavaScrpit语句。我们在要链接到全屏播放网页的网页的标签内加入这几条语句。 -------------------------------------------------------------------------------- ------------------------------- 然后,在链接处使用下列语句。 -------------------------------------------------------------------------------- 先点这里看效果 ----------------- "learn_flashfullscreenindex.htm"改为你自己的包含要全屏播放的网页的帧设定页的地址,“先点这里看效果”改成你自己的链接文字。其他的语句最好不要修改,这一设定在800*600的分辨率下能取得最好效果。 通过这寥寥几条语句,我们解决了全屏播放的问题,而且这一方法还兼容IE4.0和Netscape4.0以上版本的浏览器,你不要费力气想去掉Netscape中屏幕上方的title条,这是永远不可能。 最后我想提醒大家的是,在使用全屏播放时,你可以放心地插入800*600的Flash动画,同时,别忘了加入一个quit按钮,如果你没有加入这个按钮,而碰巧一个浏览的网友不知道按ALT+F4离开,面对全屏而手足无措,这会使你很丢面子的^ _^。 怎样quit呢,在Flash按钮的get URL action中加入以下语句即可。 -------------------------------------------------------------------------------- On (Release) Get URL ("javascript:darent.window.close()") End On -------------------------------------------------------------------------------- 注这也是 JAVASCRIPT 在 FLASH 中的简单运用,大家举一反三。 好,万事大吉,让浏览者看到你的动画全屏播放时逼人的震撼力吧 -------------------------------------------------------------------------------- 还有一个小补充:用《全屏播放终极卷轴 [转帖] 》中的方法会打开一个新的浏览窗口并播放全屏(IE下)flash,有的时候如果需要在全屏播放FLASH的时候关闭原先用来打开这个全屏窗口的父窗口,让浏览者感觉始终在一个浏览器窗口中预览,可以在s w f文件的第一帧中加入一个geturl的action,内容为"javascript(这里少的)pener.window.close()" [此贴子已经被作者于2009/12/15 20:20:25编辑过]
|