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

Question

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

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

第一个加载正常，但第二个根本不加载控件，我直接从 mediaelements.js 网站使用 unedit .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
    });
});

这将为您页面中的所有 <audio> 元素启动媒体播放器。如果你想给每个玩家不同的设置，你应该为每个玩家使用唯一的 DIV id。