Question

我正在使用Google的音频播放器在网页上播放MP3。我的问题是我将图像覆盖在播放/暂停按钮的顶部。然而，当点击图像时没有任何反应。我究竟做错了什么？这是代码：

<div class="center" style="width: 400px; z-index:1; visibility:hidden;">
<embed wmode="transparent" width="400" height="27" 
type="application/x-shockwave-flash" flashvars="audioUrl=/sourcefile.mp3" 
src="http://www.google.com/reader/ui/3523697345-audio-player.swf" quality="best"
></embed>
</div>
<img style="position:absolute; left:323px; top:630px; z-index:10000;" 
src="/messages4u/2011/images/december/star-button.jpg" width="60" height="60"
alt="Play/Pause" />

我需要知道如何触发闪光按钮。我知道有可能使用Javascript，但我不知道如何。请提供示例。

更新： 以下是我此时尝试过的内容。 Per Matt H推荐我尝试了这段代码：

<input type="image" disabled style="position:absolute; left:323px; top:630px;
      z-index:10000;" src="/messages4u/2011/images/december/star-button.jpg"
      width="60" height="60" alt="Play/Pause" />

那不起作用。我注意到的一件事是，如果我有visibility:hidden;，那么无论什么内容超过它，Flash播放器都不会对任何点击进行重新调整。话虽如此，我尝试使用<input> 覆盖图像而不使用 visibility:hidden;，但仍然无效。

如果可能的话，我需要修复此问题。我愿意使用另一个类似的闪存播放器，只要它能正常工作并使用上面的mp3。

Answer 1

看起来您的图片正在捕捉应该转到播放按钮的点击。你应该为你的图像添加一个处理器，它返回true或调用播放器的播放功能。

Answer 2

试试这个：

<input type="image" disabled style="position:absolute; left:323px; top:630px; z-index:10000;"
      src="/messages4u/2011/images/december/star-button.jpg"
      width="60" height="60" alt="Play/Pause" />

触发带有图像叠加的Flash按钮

2 个答案: