Question

我试图在页面中创建一个非常简单，最小化的自定义HTML音频播放器的3个独立实例来播放3个mp3文件。

我创建一个没有问题，工作和看起来应该是：

<div id="w">
 <div id="content">
  <div class="audio-player">
   <h3>Betty'sBastardBopBits</h3>
   <audio id="audio-player" src="BettysBastardBopBits.mp3" type="audio/mp3" controls="controls"></audio>
    </div><!-- @end .audio-player -->
   </div><!-- @end #content -->
  </div><!-- @end #w -->

和JavaScript：

<script type="text/javascript">
$(function(){
  $('#audio-player').mediaelementplayer({
    alwaysShowControls: true,
    features: ['playpause','progress','volume'],
    audioVolume: 'horizontal',
    audioWidth: 600,
    audioHeight: 100,
    iPadUseNativeControls: true,
    iPhoneUseNativeControls: true,
    AndroidUseNativeControls: true
  });
 });
</script>

对于其他2，我在所有3个实例中复制了此代码 <audio id="audio-player"到<audio class="audio-player" 并在JavaScript中在html文档中$('#audio-player')到$('.audio-player')。

然而，现在没有任何东西出现，玩家应该只是在说＃34;下载文件＆＃34;。

我该如何解决这个问题？

一个HTML页面上的多个自定义HTML音频播放器UI

0 个答案: