画像オーバーレイを使用したFlashボタンのトリガー

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

それは動作しませんでした。私が気付いたことの1つは、もし私がvisibility:hidden;を持っていれば、それ以上何がクリックされたとしても、フラッシュプレイヤーは何もクリックしないようにします。それで私は<input>を使わずに画像をオーバーレイしようとしました。visibility:hidden;はまだ動作しませんでした。

可能な限り修正する必要があります。私はそれが正しく動作し、上記のようなmp3を使用する限り、同様の別のフラッシュプレーヤーを使用して喜んでです。

Answer 1

画像が再生ボタンに移動するはずのクリックをキャッチしているようです。 trueを返すイメージ用のハンドラを追加するか、プレーヤのplay関数を呼び出します。

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