2013-05-28 27 views
1

我在JQueryMobile的幫助下構建了HTML5中的智能手機應用。因爲我希望它能夠在YouTube上從用戶那裏檢索視頻列表,所以我使用YouTube的API來完成這項工作,在獲得所需的全部內容後,我專門爲該播放器製作了一個新頁面。 當我選擇視頻時,它會將我重定向到我的頁面中的播放器(一個iframe)並播放該視頻,其播放效果很好,但是當我按下後退按鈕以檢查我的視頻列表時,如果我還沒有停止播放視頻之前..你有什麼想法,我怎麼能阻止這種情況發生?我回到頁面後YouTube視頻讓玩家保持沉默

的Javascript:

function playVideo(id, title, description) { 
var output ='<iframe src="http://www.youtube.com/embed/'+ id +'?wmode=transparent&amp;HD=0&amp;rel=0&amp;showinfo=0&amp;controls=1&amp;autoplay=1" frameborder="0" allowfullscreen></iframe>'; 
output += '<h3>' + title + '</h3>'; 
output += '<p>' + unescape(description) + '</p>'; 
$('#myplayer').html(output); 
} 

回答

2

工作例如:http://jsfiddle.net/Gajotres/CnKZh/

$(document).on('pagebeforeshow', '#second', function(){  
    var output ='<iframe width="560" height="315" src="http://www.youtube.com/embed/_js1gWuxB_E" frameborder="0" allowfullscreen></iframe>'; 
    $('#video-container').append(output); 
}); 

$(document).on('pagebeforehide', '#second', function(){  
    $('#video-container').empty(); 
}); 

基本上,當包含視頻,必須從DOM中刪除您關閉網頁。這是唯一正確的方法。

+0

嗯,不能得到它的工作:S – thaPereira

+0

我把它停下,但現在我搞砸了一下我的播放器,它的下面添加一個視頻所沒有伊利諾伊州看着辦吧!謝謝! - 編輯:我已經完成了所有工作,謝謝你的幫助人,我真的很感激! :d – thaPereira

相關問題