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

分类:Web之旅　|　发布者:Tim　|　发布日期: 2008-3-31　|　天气:雨　 大 | 中 | 小
点击在新窗口中浏览此图片
最近一段时间都在做毕业设计和帮忙制作“Ｐ＆Ｄ品多卫浴”的产品展示网站。
都没有时间写写东西了。
不过在制作毕业设计和“Ｐ＆Ｄ品多卫浴”这个网站的时候。
需要用到有单独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原创,转载请注明"作者"和"出处"及本声明！
阅读(10487)
评论(0)
引用(0)
Tags: ,