`
fuhao200866
  • 浏览: 78144 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决Flash swf嵌入不能100%高度的问题

阅读更多
除了去掉html中w3c相关的代码,还可以用样式来解决,在网上查找到文章如下:

------------分割-----------

因为使用方便,所以开始用SWFObject的js包来显示SWF,但是当SWF的大小设置成为100%后,在Firefox中不显示。

查了一下,原因如下:

It was because I was trying to set the flash files height to 100%. But its parent (div id=wrapper) didn't have a height. And 100% of zero = zero. To fix this, i had to set the wrapper div, the body, and the html's height to 100%.

就是说包含SWF的DIV的Parent DIV的大小没有设置,高度按照0乘以100%来计算,所以高度为0在Firefox中自然就不可见了。
官方的建议是设置一下CSS:

<style type="text/css" media="screen">

           html, body, #containerA, #containerB { height:100%; }

          body { margin:0; padding:0; overflow:hidden; }

</style>

本次项目登陆页详细代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>登录</title>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<style type="text/css" media="screen">
<!--
html, body, #myFlashContentDiv {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
margin:0;
padding:0;
}
-->
</style>
</head>
<body bgcolor="#001a00">
<div id="myFlashContentDiv">
  
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="myFlashContent">
      <param name="movie" value="http://static.ikaku.com/swf/login.swf" />
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="http://static.ikaku.com/swf/login.swf" width="100%" height="100%">
        <!--<![endif]-->
        <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="点击获取最新版FlashPlayer" /> </a>
        <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
分享到:
评论

相关推荐

    內部嵌入SWF檔

    2. **小游戏**:许多在线小游戏是用Flash开发的,通过SWF嵌入,可以在应用程序中提供这些游戏供用户游玩。 3. **交互元素**:例如动态表单、滑块、按钮等,可以增强用户体验并提供数据输入功能。 4. **教学工具**:...

    网页中嵌入Flash视频

    由于Flash本身不支持自动检测浏览器的兼容性,SWFobject解决了这个问题,可以优雅降级,当用户的浏览器不支持Flash时,它会提供备选的HTML内容。 **一、SWFobject的使用步骤** 1. **引入SWFobject.js**: 在HTML...

    Flash动画SWF诠释与调用.doc

    SWF(Shock Wave Flash)是Adobe Flash的专有文件格式,用于存储矢量图形和点阵图像,广泛应用于创建互动式网页内容、游戏和动画。SWF文件因其小巧且跨平台兼容性高而广受欢迎,据统计,99%以上的网络用户能够顺利...

    flash嵌入iframe的例子

    4. **Flash内容嵌入**:在Flex项目中,你可以指定SWF文件的尺寸和嵌入参数,然后编译生成最终的SWF文件。这个SWF文件将会被HTML的iframe加载并显示。 5. **运行与测试**:发布Flex项目,将生成的SWF文件替换到IFrame...

    网页嵌入flash示例

    SwfObject是一个轻量级且灵活的解决方案,它允许开发者在不依赖特定浏览器插件的情况下,实现Flash内容的条件性加载和显示。SwfObject的工作原理是检测用户浏览器是否支持Flash,如果支持,则插入相应的Flash对象;...

    使用SWFObject.js文件嵌入swf文件的应用

    1. **SWFObject.js介绍**:SWFObject是早期解决浏览器兼容性和自动更新Flash Player问题的一种解决方案。它通过JavaScript代码检测用户浏览器是否安装了正确的Flash版本,如果满足条件,就会在HTML页面中插入SWF文件...

    含flv格式flash代码以及swf格式可执行的Flash小游戏集合

    《含flv格式flash代码以及swf格式可执行的Flash小游戏集合》是一个资源包,它包含19款基于SWF格式的Flash小游戏,这些游戏可以直接双击运行,也可以嵌入到网页中供用户在线游玩。此外,这个压缩包还特别提供了FLV...

    bcastr.swf flash广告代码

    Flash是一种用于创建动画、交互式内容和应用程序的多媒体平台,其SWF文件格式能够嵌入网页中播放。XML(eXtensible Markup Language)是一种轻量级的数据交换语言,用于存储和传输结构化数据。将Flash与XML结合,...

    HTML嵌入Flash Media Playback控件

    为了兼容不支持Flash的设备(如iOS设备)和浏览器,可以考虑使用HTML5的`&lt;video&gt;`标签,或者结合如Video.js这样的开源库来提供跨平台的视频播放解决方案。 总的来说,Flash Media Playback控件在过去的网页媒体播放...

    swfobject+swffit实现flash嵌入网页自适应大小

    `swfobject`是一个轻量级、开源的JavaScript库,主要用来解决Flash内容在网页中的嵌入问题,包括版本检测、内容替换和自适应布局。它通过动态插入HTML代码来实现Flash内容的加载,使得内容能够根据浏览器窗口或容器...

    flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(下)

    接着,我们可以使用`swfobject.embedSWF()`函数来嵌入Flash内容。这个函数接受多个参数: 1. Flash文件的URL,例如`"test6_flashvars.swf"`。 2. HTML元素ID,Flash将被插入到这个ID对应的元素中,例如`"content2"`...

    flash嵌入html 在html网页代码中嵌入Flash文件的解决方案(上)

    【Flash嵌入HTML】在HTML网页中嵌入Flash文件是一项常见的技术需求,尤其对Web开发者而言,这既能提升用户体验,也能实现丰富的交互效果。本文主要介绍如何使用SWFObject.js框架来实现这一功能,以及在不同浏览器间...

    符合web标准的flash调用方法,解决了浏览器对flash的影响

    本篇将介绍一种符合Web标准的Flash调用方法,以解决浏览器对Flash支持的问题。 标题中的"符合web标准的flash调用方法",指的是通过JavaScript库来实现对Flash的跨浏览器兼容性处理,使得Flash内容能在不同浏览器...

    Flex控制SWF播放

    在本文中,我们将深入探讨如何使用Flex来控制SWF(Shockwave Flash)文件的播放。Flex是一种基于ActionScript 3的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的用户界面组件和强大的数据绑定机制...

    SWFObject: 基于Javascript的Flash媒体版本检测与嵌入模块

    它还能处理IE中的“激活”问题,确保在各种浏览器环境下都能正确检测和嵌入Flash内容。 由于Flash技术逐渐被淘汰,现代网页倾向于使用HTML5等更现代的技术,SWFObject虽然仍可用于处理旧的Flash内容,但其使用已经...

    swfobject 2.2 去除网页Flash(SWF文件)的虚线框

    然而,有时在嵌入SWF文件(Flash对象)时,用户可能会发现Flash周围出现了一圈不悦目的虚线框,这通常被称为"边框"或"轮廓"。本文将深入探讨如何使用swfobject 2.2这个JavaScript库来解决这个问题,确保Flash内容在...

    透明的swf小文件

    - **网页设计**:透明SWF文件可以无缝地嵌入到网页背景中,无论是作为动态按钮、浮动广告还是互动元素,都能提供良好的用户体验。 - **课件制作**:在教育领域,透明SWF可以作为教学资源,如动态示意图、实验模拟...

    SWF格式背景素材合集

    - **压缩高效**:SWF文件经过高度压缩,能以较小的文件尺寸承载大量的图形和动画信息,利于快速加载和传输。 - **跨平台**:SWF文件可以在不同操作系统和浏览器中播放,只要安装了Flash Player插件。 - **互动性*...

    页面SWF的布局及实现

    一个基本的SWF嵌入代码示例如下: ```html &lt;object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" ...

    在jsp中播放swf视频

    这就需要我们引入JavaScript库,比如swfobject,它是一个轻量级且功能强大的解决方案,用于检测Flash Player插件并嵌入SWF内容。 **swfobject库的使用:** 1. **引入swfobject库**:首先,你需要在JSP页面中引入...

Global site tag (gtag.js) - Google Analytics