Я использую аудиоплеер 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, но я не знаю как. Пожалуйста, приведите примеры.
ОБНОВЛЕНИЕ: Вот что я попробовал в этот момент. В соответствии с рекомендацией Мэтта Я попробовал этот код:
<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;, то флеш-плеер не будет повторно привязываться к каким-либо щелчкам, независимо от того, что над ним. С учетом сказанного я попытался наложить изображение, используя <input> без visibility:hidden;, и оно все еще не работало.
Мне нужно исправить это, если это вообще возможно. Я готов использовать другой флеш-плеер, который работает аналогично, если он работает правильно и будет использовать mp3, как указано выше.