我不是网页设计师专业人士，所以请温柔
情况： 我目前正在建立一个网站来分享我的 DJ 混音和工作室制作工作，可在http://davidloran.com/test-03/index.html上获得预览。
该网站由以下部分组成：
- index.html -> 包含：
1- 一个 css3 菜单（包括当前在播放器中正确播放的混音列表）
2- 一个 jquery 插件音频播放器 (http://codecanyon.net/item/fullwidth...-plugin/841563)
3- 其他页面加载到的 IFRAME
- track.html -> 包含用户选择的制作曲目列表，然后（最终！）播放到放置在索引页面上的播放器中
- facebook.html -> 包含 FB 评论框
- 背景.html
发现问题：
正如您可能从我上面的描述文本中注意到的那样，制作曲目无法在音频播放器中播放，因为它们被放置在另一个称为 IFRAME 的页面 (track.html) 中。
问题： 是否可以修改音频播放器 .js 代码（我将在接下来发布代码）以处理从 iframe 内的页面初始化的播放请求？
还有其他建议吗？（远程窗口？其他？）
谢谢！
这就是我在 index.html 页面头上的内容：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Dj David Loran</title>
<link rel="stylesheet" type="text/css" href="css/jquery.fullwidthAudioPlayer.css">
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<link href="css/nblack.css" rel="stylesheet" type="text/css" />
<link href="css/Iframe.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>
<script src="js/soundmanager2-nodebug-jsmin.js" type="text/javascript"></script>
<script src="js/jquery.fullwidthAudioPlayer.js" type="text/javascript"></script>
<script type="text/javascript">
//set here the swf folder
soundManager.url = 'swf/';
//need to be flash player 9
soundManager.flashVersion = 9;
//prefer HTML5 audio rather than flash
soundManager.useHTML5Audio = true;
$(document).ready(function(){
$('#fap').fullwidthAudioPlayer({autoPlay: 'true', wrapperPosition:'bottom', wrapperColor:'#3f3f3f'});
});
function changeContent() {
document.getElementById('tracks').innerHTML="";
}
</script>
</head>
在同一页面上，像这样的链接在播放器中正确播放：
<ul class="fap-my-playlist">
<li><a href="../Audio/Lounge session - Bar.mp3" title="Dj David Loran - Lounge session - Bar" target="http://www.davidloran.com/">Lounge session - Bar</a></li>
问题是：如何从 IFRAME 中打开的不同页面中获得相同类型的链接？！？