网页中通过swfobject插入Flash动画以及设置透明

前言

今天在浏览网页时候，发现有的网站上既然可以在任意地方插入视频，且可以控制视频的显示范围，瞬间感觉效果还不错，经查看源代码，发现不过是在网站上嵌入flash动画而已，或是在flash中在动态引用外部视频文件，然后设置背景透明。

实现下雪效果

1.flash的制作

为了便于查看雪花，将舞台背景设置黑色，其实这个不是很重要，其他颜色也可以。
2.引入swfobject.js并进行相应的配置

<style type="text/css">
    #showtext{background-image:url('bg.png'); background-repeat: no-repeat;width:1000px; margin: 0px auto;}
</style>
<div id="showtext">
<script type="text/javascript" src="swfobject.js">
</script>
<script type="text/javascript">
    var swfVersionStr = "9.0.124";
    <!-- xiSwfUrlStr 可用于定义快速安装程序 SWF。 -->
    var xiSwfUrlStr = "";
    var flashvars = {};
    var params = {};
    params.quality = "high";
    params.bgcolor = "#ffffff";
    params.play = "true";
    params.loop = "true";
    params.wmode = "transparent";
    params.scale = "showall";
    params.menu = "true";
    params.devicefont = "false";
    params.salign = "";
    params.allowscriptaccess = "sameDomain";
    var attributes = {};
    attributes.id = "fruit";
    attributes.name = "fruit";
    attributes.align = "middle";
    //swfobject.createCSS("html", "height:100%; background-color: #ffffff;");
    //swfobject.createCSS("body", "margin:0; padding:0; overflow:hidden; height:100%;");
    swfobject.embedSWF(
        "yuehua.swf", "flashContent",
        "1000", "550",
        swfVersionStr, xiSwfUrlStr,
        flashvars, params, attributes);
</script>
<object type="application/x-shockwave-flash" id="fruit" name="fruit" align="middle" data="yuehua.swf" width="1000" height="550">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="transparent">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowscriptaccess" value="sameDomain">
</object>
</div>

备注wmode 有以下值：
“Window” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。
“Opaque” 显示页面上位于它后面的内容。
“Transparent”使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。

效果

代码下载如下：
http://download.csdn.net/detail/hsd2012/9547225

备注

推荐一款做截gif图片的软件
LICEcap
部分截图如下