Javascript 点击按钮后加载闪光灯_Javascript_Css_Flash

Javascript 点击按钮后加载闪光灯

javascript css flash

Javascript 点击按钮后加载闪光灯,javascript,css,flash,Javascript,Css,Flash,我正在用我的作业建立一个网站（dreamfoxgames.com）如果你点击一个名为“播放”的按钮，一个弹出窗口/模式将与flash或unity插件中的游戏一起出现。我的问题是，当访问者加载页面时，他们会自动加载flash文件。这意味着音乐将启动，页面将缓慢加载（所有这些游戏）有没有办法只在有人按下播放按钮后加载flash播放器非常感谢您可以使用在div中加载swf内容假设您的html中有一个div，如下所示 <!DOCTYPE html> <head>

我正在用我的作业建立一个网站（dreamfoxgames.com）

如果你点击一个名为“播放”的按钮，一个弹出窗口/模式将与flash或unity插件中的游戏一起出现。我的问题是，当访问者加载页面时，他们会自动加载flash文件。这意味着音乐将启动，页面将缓慢加载（所有这些游戏）

有没有办法只在有人按下播放按钮后加载flash播放器

非常感谢

您可以使用在div中加载swf内容

假设您的html中有一个div，如下所示

<!DOCTYPE html>
<head>
    <script src="//ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script> 
    <script>
</head> 
<body>
      <div id="myContent">
        swf will be embedded here
      </div>
     <button onclick="playSwf()">Click to play swf</button>
</body>
</html>


swf将嵌入此处
单击以播放swf

玩swf

 <script type="text/javascript">
    function playSwf()
    {
       //Syntax  
       //swfobject.embedSWF(swfUrl, id, width, height, version,
      //                    expressInstallSwfurl, flashvars, params,
     //                     attributes, callbackFn)

         //optional parameters omitted
         swfobject.embedSWF("test.swf", "myContent", "400", "400","10"); 

    }
    </script>


函数playSwf（）
{
//语法
//swfobject.embeddeswf（swfUrl、id、宽度、高度、版本、，
//expressInstallSwfurl、flashvars、params、，
//属性，callbackFn）
//省略可选参数
swfobject.embeddeswf（“test.swf”、“myContent”、“400”、“400”、“10”）；
}

也可以使用嵌入元素（无需外部api）完成：


var flashmbed=null；
函数startFlash（）{
if（flashmbed！=null）{
document.getElementById（“flashContainer”）.removeChild（flashmbed）；
}
flashmbed=document.createElement（“嵌入”）；
document.getElementById（“flashContainer”）.appendChild（flashmbed）；
flashmbed.src=“Flashfile.swf”；
flashmbed.type=“应用程序/x-shockwave-flash”；
}
启动闪光灯

是的，当页面处于ReadyTanks状态时，使用ajax调用加载所需的html（使用flash），唯一的问题是每次有人点击按钮时都会有一个新的flash嵌入。我已经修改了代码，因此一次嵌入的内容不会超过一个。谢谢！但是由于某些原因，这段代码在引导中并不能很好地工作。

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
    var flashEmbed = null;
    function startFlash() {
    if(flashEmbed != null) {
        document.getElementById("flashContainer").removeChild(flashEmbed);
    }
    flashEmbed = document.createElement("embed");
    document.getElementById("flashContainer").appendChild(flashEmbed);
    flashEmbed.src="Flashfile.swf";
    flashEmbed.type="application/x-shockwave-flash";
    }
</script>
</head>
<body>
<button onclick="startFlash()">start flash</button>
<div id="flashContainer"></div>
</body>
</html>