Flash网页在浏览器中全屏显示的详细方法

分类:Web之旅 | 发布者:Tim | 发布日期: 2008-3-31 | 天气:雨  | |
点击在新窗口中浏览此图片
最近一段时间都在做毕业设计和帮忙制作“P&D品多卫浴”的产品展示网站。
都没有时间写写东西了。
不过在制作毕业设计和“P&D品多卫浴”这个网站的时候。
需要用到有单独Flash页面在浏览器中全屏显示。


最简单的方法就是:
先用Dreamweaver直接插入Flash。然后把里面的参数属性width和height设置成:width="100%" height="100%"

部分代码:

<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%">
  <param name="movie" value="index.swf" />
  <param name="quality" value="high" />
  <embed src="ndex.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="100%" height="100%"></embed>
</object>
</noscript>

如果现在在浏览器查看效果,可能不是在浏览器中以全屏幕的显示方式浏览Flash。
因为还需要写几个CSS的样式定义。
因此我在head标签中写入一下CSS:

<style type="text/css">
html{
  width:100%;
  height:100%;
}
body{
  width:100%;
  height:100%;
  background-color:#FFFFFF;
  padding:0px;
  overflow:hidden;
}
#flashContent{
  width:100%;
  height:100%;
}
</style>

这是为了让html与body标签内的内容以浏览器100%全屏幕的方式显示,而#flashContent则是我插入Flash的那个层的id。
好了,现在在浏览器中浏览,发现是以全屏模式浏览Flash了

切记的是,插入的Flash不要加上salign这个参数
<param name="salign" value="t/l/r/b" />

它将会以上、下左右等等对齐的方式显示Flash

为了插入通过XHTML 1.0的验证。不想你网页上的Flash有“单击以激活并使用此控件”框,可采用SWFObject的方法插入Flash(有关SWFObject的资料去看这里)。
用SWFObject插入在浏览器中全屏显示Flash的方法也是设置宽与高为100%
文章出处:  本文为Azuresky Blog原创,转载请注明"作者"和"出处"及本声明!
Tags: ,