HTML页面插入Flash动画及背景音乐

最新推荐文章于 2025-10-06 17:12:04 发布

原创最新推荐文章于 2025-10-06 17:12:04 发布 · 3.9k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#html

HTML5 专栏收录该内容

3 篇文章

订阅专栏

HTML页面插入Flash动画及背景音乐

js操作Flash对象的常用方法简介

注：对flash对象操作的方法名首字母都大写。

Flash提供给javascript可以访问的标准方法有:
1)GetVariable(variable_name) 获取Flash动画变量的值
2)GotoFrame(frame_number) 将当前的Flash帧定位到指定的帧数
3)IsPlaying() 表示Flash动画是否正在播放
4)LoadMovie(level_number,path) 指定的URL上的Flash动画载入指定的Flash层上
5)Pan(x_position,y_position,unit) 将动画平移到指定坐标。Mode参数为0，表示坐标单位为像素；
为1,表示坐标单位为百分比
6)percentLoaded() 返回Flash动画已经载入的比例
7)Play() 播放Flash动画
8)Rewind() 将动画重置到第一帧
9)StopPlay() 停止Flash动画的播放
10)TotalFrames() 返回Flash动画中帧的总数
11)Zoom() 放大给定的比例
12)SetZoomRect(left,top,right,buttom) 设置放大的区域
13)SetVariable(variable_name,value) 设置Flash动画变量的值

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>js嵌入式插件（flash定义与操作）</title>
<script type="text/javascript">


    //开始播放
    function startPlay(){
        var dv = document.getElementById("ft");
        if(!dv.IsPlaying()){
            dv.Play();
        }else{
            alert("flash已经运行"); 
        }
    }
    //停止播放
    function stopPlay(){
        var dv = document.getElementById("ft");
        if(dv.IsPlaying()){
            dv.StopPlay();  
        }else{
            alert("flash已经暂停");
            }
    }
    //重新播放（貌似不起作用）
    function reStart(){
        var dv = document.getElementById("ft"); 
        dv.Rewind();            //  将flash重置到第一帧
        dv.Play();
    }

</script>

</head>

<body>

<!-- 给页面设置背景音乐方式一：（此方式只使用于IE系列浏览器）-->
    <bgsound src="video/Because Of You.mp3" loop="-1" volume="100%"> 

<!--给页面设置背景音乐方式二： 
（此方式使用于IE,google,火狐等浏览器）只需要将width,height设置为0即可实现隐藏组件的目的-->
    <embed src="video/Because Of You.mp3" width="0" height="0" id="bgMusic" loop="true" >
        <!--embed用够和object标签param属性相同的属性-->
    </embed>


<!-- 插入Flash第一种方式 -->
    <embed src="video/嫦娥奔月.swf" width="500" height="280" id="flashTest">
        <!--embed用够和object标签param属性相同的属性-->
    </embed>
    <br/>

<!-- 插入Flash第二种方式-->
    <object align="texttop" data="video/flash3840/flash3840.swf" 
    width="500" height="400" type="application/x-shockwave-flash" id="ft">
        <!--movie指定要加载的falsh文件-->
        <param name="movie" value="video/flash3840/flash3840.swf"/>
        <!--paly:指定flash是否自动播放，true表示自动播放；false不自动播放-->
        <param name="play" value="false"/>
       <!--loop:指定flash是否为循环播放，true表示循环播放；false表示不循环播放-->
        <param name="loop" value="true"/>
        <!--quality:指定播放时使用的清除锯齿的级别。即：播放的品质-->
        <param name="quality" value="medium"/>
        <!--bgcolor：指定flash的背景色,不会影响html的背景色-->
        <param name="bgcolor" value="red"/>
        <!--menu: 指定右键菜单类型,true表示显示完整的菜单;false表示菜单中只包含”关于Macromedia Flash Player 7“选项和设置选项-->
        <param name="menu" value="false" />
        <!--wmode:设置Flash动画背景为透明-->
        <param name="wmode" value="transparent"/> 
    </object>
    <input type="button" value="停止" onClick="stopPlay()" />
    <input type="button" value="开始" onClick="startPlay()"/>
    <input type="button" value="重新开始" onClick="reStart()"/>
</body>
</html>