0

私はWebデザイナーのプロではありませんので、お手柔らかにお願いします

状況: 私は現在、自分の DJ ミックスとスタジオ制作作品を共有できるように Web サイトを構築しています。プレビューは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 コメント ボックスが含まれています
  • background.html

問題が見つかりました:

上記の説明文からお気づきかもしれませんが、プロダクション トラックは、IFRAME に呼び出される別のページ (track.html) に配置されているため、オーディオ プレーヤーで再生できません。

質問: iframe 内のページから初期化された再生要求を処理するように、audio-player .js コード (コードは次に投稿します) を変更する方法はありますか?

他に思いつく提案はありますか？（リモートウィンドウ？その他？）

ありがとうございました！

これは私が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 内で開いている別のページから同じタイプのリンクを機能させるにはどうすればよいかということです。

4

1 に答える 1

0

JavaScript を使用して、別のフレームで何かが発生したときに別のフレームで何かを発生させることができます。parentフレーム内のオブジェクトを使用します。いくつかの例については、こちらをご覧ください: http://www.pageresource.com/jscript/jframe1.htm

また、別のウィンドウからもやりたいかもしれないと言いました。これは、 を使用して実行できますwindow.opener。

于 2012-05-29T16:21:52.967 に答える