html中插入flash代码详解

一：代码解释

代码：

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"
WIDTH="550" HEIGHT="400" >
<PARAM VALUE="myFlashMovie.swf">
<PARAM VALUE=high>
<PARAM VALUE=#FFFFFF>
<EMBED src="/support/flash/ts/documents/myFlashMovie.swf" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400"
NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>

解释：

OBJECT标签是用于windows IE3.0及以后浏览器或者其它支持Activex控件的浏览器。“classid”和“codebase”属性必须要精确地按上例所示的写法写，它们告诉浏览器自动下载flash player的地址。如果你没有安装过flash player 那么IE3.0以后的浏览器会跳出一个提示框访问是否要自动安装flash player。当然，如果你不想让那些没有安装flash player的用户自动下载播放器，或许你可以省略掉这些代码。EMBED标签是用于Netscape Navigator2.0及以后的浏览器或其它支持Netscape插件的浏览器。“pluginspage”属性告诉浏览器下载flash player的地址，如果还没有安装flash player的话，用户安装完后需要重启浏览器才能正常使用。为了确保大多数浏览器能正常显示flash，你需要把EMBED标签嵌套放在OBJECT标签内，就如上面代码例子一样。支持Activex控件的浏览器将会忽略OBJECT标签内的EMBED标签。Netscape和使用插件的IE浏览器将只读取EMBED标签而不会识别OBJECT标签。也就是说，如果你省略了EMBED标签，那firefox就不能识别你的flash了（不过纳闷的是，省略了object只写embed，IE也能正常显示flash，呵呵，具体的再仔细看看了）。本文列出了用于发布影片的OBJECT和EMBED标签的必要以及可选属性。 一、必需属性： ·CLASSID-设置浏览器的Activex控件，仅用于OBJECT标签，类ID,ActiveX组件的id，用于在注册表里面寻找对应的组件。 ·CODEBASE-设置flash Activex控件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于OBJECT标签。 ·WIDTH-以百分比或象素指定flash影片的宽度。 ·HEIGHT-以百分比或象素指定flash影片的高度。 ·SRC-指定影片的下载地址。仅用于EMBED标签。 ·PLUGINSPAGE-设置flash 插件的位置，因而如果浏览器如果没有安装的话，可以自动下载安装。仅用于EMBED标签。 ·MOVIE-指定影片的下载地址。仅用于OBJECT标签。 二、可选属性及可用的值： ·ID-设定变量名，用于脚本代码的引用。仅用于OBJECT。 ·NAME -设定变量名，用于脚本代码（如javascript）的引用。仅用于EMBED。 ·SWLIVECONNECT - （true或false）指定当flash player第一次下载时，是否启用java。如果些属性省略，默认值为false。你果你在相同页同使用javascript和flash，java必须使用FSCommand来工作。 ·PLAY -（true或false）指定flash影片是否在下载完成后就自动播放，如果省略此属性，则默认为true。 ·LOOP - （true或false）指定影片播放完最后一帧后是停止还是继续循环播放，如果省略此属性，则默认为true。 ·MENU - （true或false）·True 显示全部的菜单，允许用户放大，缩小等控制影片播放等操作。·False 显示只包含设置选项和关于flash的菜单。 ·QUALITY - (low, high, autolow, autohigh, best )
·Low 速度优于美观，而且不应用反锯齿。·Autolow 刚开始着重于速度，但当需要时随时提升美观。·Autohigh 同时着重播放速度和美观，但需要时则牺牲美观来保证播放速度。·Medium 应用一些反锯齿而不平滑位图。它质量高于low设置而低于high设置。·High 美观优于播放速度，而且一直应用反锯齿。如果影片不包含动画，位图会被平滑化;而如果影片包含动画，位图将不变平滑。·Best 提供最好的显示质量而不考虑播放速度。所有输出都应用反锯齿及所有位图都被平滑化。 ·SCALE - (showall, noborder, exactfit)
·Default(Show all)影片在指定的区域内显示，但保持原始的比例。影片两侧将会出现边框。·No Boder 收缩影片以适合指定的区域，保持影片不失真，但部分影片将可能将裁切。然而保持影片的原始比例。·Exact Fit 使整个影片在指定的区域内显示，影片有可能变形失真，而且不保持原始的比例。 ·ALIGN - (l, t, r, b)
·默认为居中，当浏览器窗口小于影片时，边缘会被裁切。·Left,Right,Top,Bottom按照相应的设置沿浏览器的边缘对齐。如果需要，另外三边将被裁切。 ·SALIGN - (l, t, r, b, tl, tr, bl, br)
·L,R,T,B
·TL,TR
·BL,BR ·WMODE- (window, opaque, transparent) 设置flash影片的window mode属性，指定flash在浏览器中的透明，层叠及位置。·Window 影片在浏览器中自己的矩形窗口内播放。·Opaque 影片隐藏了所有在它后面的内容。·Transparent 使flash影片透明，显示透明影片后面的网页内容。这将会降低动画的性能。而且这个属性不是在所有浏览器中都可用的。 ·BGCOLOR - （#RRGGBB, 十六进制RGB值。）指定影片的背景颜色。使用这个属性覆盖flash中设定的背景颜色。 ·BASE - 设定基准目录或URL，用来解决所以flash中的相对路径。类似网页中的<base>标签。 ·FLASHVARS传递变量到flash player，需要flash player6及以后的版本。·传递root级变量到影片。字符串的格式是用“&”分隔的name=value集。·浏览器支持64kB大小的字符串长度。·更多关于FlashVars的信息，请查看相关文档。

二：一些技巧

（一）首先教大家最简单的插入Flash的代码，透明，无坐标控制：注意wmode="transparent"是控制Flash是否透明显示的，如果不想让它显示为透明的，直接把wmode="transparent"去掉即可。

（二）再教教大家加入绝对坐标的透明Flash，绝对坐标意味着不管你的窗口拉多大，那个Flash依然乖乖地在原地不动

（三）最后教教大家如何加入相对坐标的透明Flash，注意下面代码的table部分，这主要是使用表格作为容器，把Flash
“装”到表格里，这样不管浏览者把浏览器拉多大，Flash永远和表格一起动。而且，表格可以设置背景图片，表格上面再放一个透明Flash与背景图片相配合，哇塞，效果好得不得了

------------------------------------------------------------ ------

还有以下方法：

基于网页排版的实现方法

你可以先准备好一张图片和一个适合做透明效果的flash，然后打开DREAMWEAVER中新建一个网页，插入一个一行一列的单元格，单元格的规格大小和事先准备好的图片宽高一样，然后把这个图片设为单元格的背景图片，设置完了后，在这个单元格中插入准备好的flash了，其中flash的大小规格也应该调成和单元格一样大小。用鼠标选中flash后，把网页编辑状态由“设计” 切换到“代码中，你会看到flash部分在源代码中都变成了黑色了，代码实例如下：

在以上代码中插入这么一段代码：<param name="wmode" value="transparent">，完整代码如下：

基于CSS排版　把核心思想把握，在有背景图片的DIV标签中再插入flash，然后对flash部分加入以上代码就行了。

在flash的html发布选项中选windows mode/t ransparent
windowless，发布为html，插入网页就可以得到透明的flash的效果。

　　不错，照这样的办法去做，便可以发布出带有透明flash的html页。但是它存在一个问题：所发布的flash动画只在与其同时发布的html页中显示透明效果，而如果用dreamweaver新建一个文件，再将其插入页面中，保存-->&g
t;f12预览我们会发现它又是不透明的了！这是怎么回事呢？

　　我仔细比较了用flash发布的html页和用dreamweaver制作的带有flash 动画的两个html 页的源代码：

　　1.用flash发布的html页源代码：

<HTML>
<HEAD>
<TITLE>Movie2</TITLE>
</HEAD>
<BODY bgcolor="#000000">

 ;

</BODY>
</HTML>

　　2.用dreamweaver制作的带有flash 动画的html页的源代码：

<html>
<head>
<title>Untitled document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

　　请仔细比较分析两段代码的<object>标记中的<embed>标记，我们发现其中的不同之处：前者有参数wmode=transparent而后者却没有，这就是影响flash是否透明的关键之所在！

　　请想一下dreamweaver的有关flash的属性面板，是否对parameter有印象呢？大家是否知道它的用处呢？

　　现在让我们用dreamweaver来做透明效果：选中刚才已插入的flash动画，右击鼠标选择properties调出属性面板后，再单击parameter按钮，在弹出的对话框中点击加号图标，在左侧的parameter中键入wmode在右侧的value框内键入transparent点击ok,按f12进行预览,ok!我们所要的透明效果就出现了！

　　先不要激动，我们把这一技巧推广，它是否能对任何的按flash默认设置（即不对windows mode/tr ansparent
windowless进行修改）的动画都奏效呢？经过我的实验证明它是普遍试用的。也就是说在d
reamweaver中插入任何一个flash动画后，对其进行properties→parameter→wmode→
value=transparent设置都可以实现flash的透明背景效果。

-------------------------------------------------------------------------------------------------------------

为了您的安全，请只打开来源可靠的网址

html中插入flash代码详解相关推荐

html5代码转换为视频,HTML5中的视频代码详解
摘要腾兴网为您分享:HTML5中的视频代码详解,智学网,云闪付,易推广,小红书等软件知识,以及360win10,流量魔盒,fitbit,上港商城,安卓2.3.7,全民惠,五年级下册英语单词表图片,t ...
Vue2.0史上最全入坑教程（中）—— 脚手架代码详解
2019独角兽企业重金招聘Python工程师标准>>> 书接上文我们说道,如何利用脚手架(vue-cli)构建一个vue项目,本回书我们一起来学习分析下代码. 回顾下创建后的项目目录 ...
Scala 深入浅出实战经典第96讲：Akka第一个案例动手实战main方法实现中ActorSystem等代码详解...
actorSystem建MasterActor. akka的actor是树形结构,用ActorSystem可以用来查找分布在多台机器上的actor,也能继承一些配置到子actor. masterAct ...
在 DW 中插入 Flash 的参数详解
作者:macromedia 文章来源: 蓝色理想在Dreamweaver中插入FLASH后还可以有很多的控制参数,点属性面板右下的参数钮,就会有参数和值的加入.大家可以自由的控制, 以下内容摘 ...
yii mysql 事务处理_Yii2中事务的使用实例代码详解
前言一般我们做业务逻辑,都不会仅仅关联一个数据表,所以,会面临事务问题. 数据库事务(Database Transaction) ,是指作为单个逻辑工作单元执行的一系列操作,要么完全地执行,要么完全 ...
android收藏功能demo,Android使用Realm数据库实现App中的收藏功能(代码详解)
前言 App数据持久化功能是每个App必不可少的功能,而Android最常用的数据持久化方式主要有以下的五种方式: 使用SharedPreferences存储数据: 文件存储数据: SQLite数据 ...
[转]Flash socket通讯中的安全策略问题详解
Flash socket通讯中的安全策略问题详解昨天做测试的时候遇到一个问题,做好的SWF在Flash AS3中调试通过,但是发布到html中之后就无法得到数据了.查了一些资料之后找到了解决办法.这 ...
vue build text html,Vue中v-text / v-HTML使用实例代码详解_放手_前端开发者
废话少说,代码如下所述: /p> 显示123 /p> 补充:vuejs {{}},v-text 和 v-html的区别 {{message}} let app = new Vue({ el ...
PX4飞控中利用EKF估计姿态角代码详解
PX4飞控中利用EKF估计姿态角代码详解 PX4飞控中主要用EKF算法来估计飞行器三轴姿态角,具体c文件在px4\Firmware\src\modules\attitude_estimator_ekf ...

html中插入flash代码详解

html中插入flash代码详解相关推荐

最新文章

热门文章