我沒有網頁設計師親中發揮的要求,所以請溫柔初始化從IFRAME頁
情況: 我目前正在建設一個網站能夠分享我的DJ混音和工作室生產工作,預覽可在http://davidloran.com/test-03/index.html。
該網站是由:
- index.html的 - >載:
1- CSS3菜單(包括當前正在播放正確播放混音的列表)
2-一個jquery插件音頻播放器(http://codecanyon.net/item/fullwidth...-plugin/841563)
3- IFRAME whe再其他頁面加載到
- tracks.html - >包含生產的曲目列表由用戶來選擇,然後(最終!)發揮到播放器放置在索引頁
- 上facebook.html - >包含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中的不同頁面打開相同類型的鏈接?!?
謝謝你的回覆Daniel。我確實需要讓index.html頁面的播放器在點擊位於第一頁IFRAME中打開的track.html頁面上的後運行其功能。您發給我的教程對我而言「略微」過於複雜......您能否幫助並進一步細化?謝謝 – David