Question

我不是网页设计专家所以请温柔

情况： 我目前正在建立一个网站，以便能够分享我的DJ混音和工作室制作工作，预览可在http://davidloran.com/test-03/index.html上找到。

该网站由以下内容组成：

的index.html - ＆GT;包含：

1-一个css3菜单（包括目前在播放器中正确播放的混音列表）

2-一个jquery插件音频播放器（http://codecanyon.net/item/fullwidth...-plugin/841563）

3-将其他页面加载到

中的IFRAME

tracks.html - ＆GT;包含用户选择的制作曲目列表，然后（最终！）播放到索引页面上的播放器中
facebook.html - ＆GT;包含FB评论框
background.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中的不同页面开放获得相同类型的链接？！

Answer 1

当使用JavaScript在另一个框架中发生某些事情时，您确实可以在一个框架中发生某些事情。使用框架内的parent对象。在这里查看一些示例：http://www.pageresource.com/jscript/jframe1.htm

另外，你顺便提到你也想从另一个窗口做到这一点。这可以使用window.opener完成。

从IFRAME页面中初始化播放请求

1 个答案: