javascript - 如何在单击 div/图像时播放 .swf(声音)

Question

在过去的两个小时左右的时间里，我一直在网上搜索如何做到这一点，但没有取得任何进展..

所以基本上我希望 nav.swf 在单击图像时播放。

nav.swf 代码:

object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="1" height="1" id="nav" align="middle">
            <param name="allowScriptAccess" value="sameDomain" />
            <param name="allowFullScreen" value="false" />
            <param name="movie" value="nav.swf" /><param name="menu" value="false" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><param name="bgcolor" value="#ffffff" />    <embed src="nav.swf" menu="false" quality="high" wmode="transparent" play="false" flashvars="autoplay=false&play=false bgcolor="#ffffff" width="1" height="1" name="nav" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
        </object>

我该怎么做？

Answer 1

.swf 文件是 Flash 视频文件。请按照以下方法播放 .swf 文件。

方法一:

您可以添加 object 元素并在 div/image 的 "onclick" 事件上设置属性。然后将“autostart”属性设置为true。这应该可以解决问题。

我们将在下面的 div 中添加对象元素。

<div id="video_wrapper"></div>

假设用户将点击的 div id 为“video_div”，请使用以下代码。

document.getElementById("video_div").addEventListener("click", playVideo);

function playVideo() {

    var obj = document.createElement('object');
    obj.setAttribute('data', 'nav.swf');
    obj.setAttribute('autostart', true);
    obj.setAttribute('play', true);
    document.getElementById('video_wrapper').appendChild(obj);
}

另请检查 swfobject

方法2:您可以使用ExternalInterface从Javascript调用Actionscript函数。请参阅文档 here