符合W3C标准的网页FLASH嵌套

对着背影说爱祢 提交于 2019-12-07 09:45:21

<object type="application/x-shockwave-flash" data="../flash/menu.swf" width="990" height="60" id="menu">
<param name="movie" value="../flash/menu.swf"/>
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="xml=vcastr.xml" />
</object>

参考:

结合我们的XXX的例子,介绍一下符合w3c标准的flash代码的插入方法,并说明各个参数的设置
<object type="application/x-shockwave-flash" data="XXX.swf" width="650" height="500" id="XXX" bgColor="#ff0000">
<param name="movie" value="XXX.swf"/>
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="xml=vcastr.xml" />
</object>

以上是XXX flash的插入代码,通过了w3c的验证,也经过了IE6,7,firefox2,3,safari的测试,并且代码避免了参数的重复。
<object type="application/x-shockwave-flash" data="XXX.swf" width="650" height="500" id="XXX">
<param name="movie" value="XXX.swf"/>
</object>

必须部分,设置的flash的大小,地址,如果需要脚本使用,还可以设置id的名称
<param name="allowFullScreen" value="true" />

是否允许全屏,如果不写这一段,默认是不能全屏的。
<param name="FlashVars" value="xml=vcastr.xml" />

设置参数传递给flash,如果是多个参数用&连接,例如key1=value1&key2=value2&key3=value3,在XXX中,xml这个参数可以设置成xml文件的地址,或者直接设置xml文本内容。
<param name="bgColor" value="#ff6600" />

设置flash的背景色,这个很多人询问,在bcastr4的设置圆角后,十分有用
<param name="menu" value="false" />

设置flash右键菜单,去掉一些默认的菜单,只留下了设置和关于flashplayer
<param name="quality" value="high" />

设置flash的播放品质 可用参数是low autolow autohigh medium hight best, 默认应该是high
<param name="scale" value="default" />

设置flash的放缩模式 可用参数是 showall(显示全部内容,保持比例,但是上下,或者左右可能有空白), noborder(放缩可以裁减内容,保持比例,但是不留空白), exactfit(放缩按照flash设置的高度和宽度,不保持比例),noscale(不放缩,原始比例)
<param name="wmode" value="default" />

设置flash的窗口模式,可用参数Window(默认值,始终位于html的顶层),Opaque(允许flash上层可以有网页的遮挡),Transparent(flash背景透明,有可能降低flash的性能)
<param name="salign" value="TL" />

设置flash缩放的参考点,可用参数L(左侧),R(右侧),T(上侧),B(下侧),TL(左上),TR(右上),BL(左下),BR(右下),如果不设置,默认以中心作为参考点
<param name="base" value="url" />

设置flash相对路径的参考位置 s

 

IE6: 只要将flash所在层的z-index属性设为-1即可.

IE7: 还要给flash的<object>对象增加一个"womde"参数.参数的值为"transparent"或"opaque"都行.

FF和Chrome: 在IE7的基础上再在<embed>标签内添加属性wmode="transparent"或wmode="opaque"


CSS兼容flash设为最底层的完整代码:

<div style="z-index:-1;">

<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="250" height="70">

<param name="movie" value="/images/underStruction.swf" />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="/images/underStruction.swf" quality="high" wmode="transparent"
 pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
 type="application/x-shockwave-flash" width="250" height="70"></embed>

</object>

</div>

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!