按下按钮后加载闪光灯答案

【问题标题】：Load a flash after hitting a button按下按钮后加载闪光灯
【发布时间】：2013-03-21 03:44:49
【问题描述】：

我正在用我的学校作业构建一个网站 (dreamfoxgames.com)。

如果您单击一个名为“播放”的按钮，则会在 flash 或 unity 插件中弹出一个弹出窗口/模态框。我的问题是当访问者加载页面时，他们会自动加载 Flash 文件。这意味着音乐将开始播放，并且页面加载速度会很慢（所有这些游戏）。

有没有办法只在有人点击播放按钮后才加载 Flash 播放器？

非常感谢！

【问题讨论】：

是的，当页面准备就绪时，使用 ajax 调用加载所需的 html（使用 flash）

标签： javascript css flash

【解决方案1】：

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

<!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>

【讨论】：

谢谢，唯一的问题是每次有人点击按钮都会有一个新的闪存嵌入
我已经修改了代码，所以一次嵌入不超过一个。

【解决方案2】：

您可以使用swfobject在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..

 <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>

【讨论】：

谢谢！但由于某种原因，这段代码在引导程序中不能很好地工作。