mediaelement.js - 多个音频播放器不工作 mediaelement.js

Question

我在尝试将 2 个音频播放器添加到一个页面时遇到问题

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

第一个加载正常但第二个根本不加载控件我使用直接来自 mediaelements.js 网站的未编辑 .js 文件我需要编辑什么才能使多个音频播放器工作

Answer 1

看你的JS对玩家的启动

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

您正在为这两个元素使用 DIV 选择器 (#audio-player)。你应该在你的 HTML 文档中有唯一的 DIV id，你最好使用以下...

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

这将为页面中的所有