3

1 つのページに 2 つのオーディオ プレーヤーを追加しようとすると問題が発生します

http://www.brad-holmes.co.uk/sites/jameswilliams/index.html

最初のものは正常にロードされますが、2番目のものはコントロールをまったくロードしません.mediaelements.js Webサイトから直接編集されていない.jsファイルを使用して、複数のオーディオプレーヤーを機能させるために何を編集する必要がありますか?

4

1 に答える 1

2

プレイヤーの開始のためにあなたのJSを見てください

$(document).ready(function() {
    $('#audio-player').mediaelementplayer({
        alwaysShowControls: true,
        features: ['playpause','volume','progress'],
        audioVolume: 'horizontal',
        audioWidth: 400,
        audioHeight: 120
    });
});

両方の要素にDIVセレクター（＃audio-player）を使用しています。HTMLドキュメントに一意のDIVIDが含まれている必要があります。次を使用することをお勧めします...

$(document).ready(function() {
    $('audio').mediaelementplayer({
        alwaysShowControls: true,
        features: ['playpause','volume','progress'],
        audioVolume: 'horizontal',
        audioWidth: 400,
        audioHeight: 120
    });
});

これにより、ページ内のすべての<audio>要素のメディエーションプレーヤーが開始されます。各プレーヤーに異なる設定を与えたい場合は、それぞれに固有のDIVIDを使用する必要があります。

于 2012-09-13T11:06:59.187 に答える