我在尝试将 2 个音频播放器添加到一页时遇到问题
http://www.brad-holmes.co.uk/sites/jameswilliams/index.html
第一个加载正常,但第二个根本不加载控件,我直接从 mediaelements.js 网站使用 unedit .js 文件我需要编辑什么才能使多个音频播放器工作
我在尝试将 2 个音频播放器添加到一页时遇到问题
http://www.brad-holmes.co.uk/sites/jameswilliams/index.html
第一个加载正常,但第二个根本不加载控件,我直接从 mediaelements.js 网站使用 unedit .js 文件我需要编辑什么才能使多个音频播放器工作
看你的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。