Question

这是我的问题：

我需要为MP3歌曲库网站创建预览按钮。

以下是具体细节：

按钮必须从“播放”更改为“暂停”并恢复为“
按钮还必须触发播放（） - 暂停（）HTML5音频播放器

我在网上有一个工作示例但是div的ID使用非常繁重，如果有超过100个实例，它会因为计算量太大而导致某些浏览器崩溃。

我知道这个编码很差，但我需要一个概念证明，而不是一个优雅的生产saavy解决方案，当时......：）

这是一个需要的实例：http://www.childrensmusicshop.com/button.php

我在这个上使用PHP和CSS。以下是IS工作的单实例代码，但保持浏览器崩溃：

<div id="<?php print $wrap_div_play_id;?>" style="position:absolute;visibility:visible;z-index:1;right:86px;margin:0 0 0 0; padding:0 0 0 0;">

<div id="<?php print $div_play_id;?>" style="position:absolute;visibility:visible;z-index:1;top:-15px;">
    <img src="/images/bouton-play.png" onclick="document.getElementById('<?php print $audio_id;?>').play();document.getElementById('<?php print $div_pause_id;?>').style.visibility='visible'">
</div>

<div id="<?php print $div_pause_id;?>" style="position:absolute;visibility:hidden;z-index:2;top:-15px;">
    <img src="/images/bouton-stop.png" onclick="document.getElementById('<?php print $audio_id;?>').pause();document.getElementById('<?php print $div_pause_id;?>').style.visibility='hidden'">
</div>    

</div>


<audio id="<?php print $audio_id;?>">
<source src="<?php print $file_player_song;?>.ogg" type="audio/ogg" />
<source src="<?php print $file_player_song;?>.mp3" type="audio/mpeg" />
</audio>

更改图像按钮onclick事件，没有ID和多个唯一实例

0 个答案: