2013-05-28 2 views
1

저는 JQueryMobile을 사용하여 HTML5에 스마트 폰 앱을 제작하고 있습니다. YouTube의 사용자로부터 동영상 목록을 가져오고 싶었 기 때문에 YouTube API를 사용하여 필요로하는 모든 것을 얻은 후에 플레이어 전용으로 새 페이지를 만들었습니다. 동영상을 선택하면 내 페이지 (iframe)에있는 플레이어로 리디렉션되고 동영상을 재생합니다. 동영상을 원하는대로 재생할 수 있지만 동영상의 내 목록을 확인하기 위해 뒤로 버튼을 누르면 나는 그것이 계속 연주되기 전에 비디오를 멈추지 않았습니다. 어떻게 그 일을 막을 수 있습니까?페이지로 돌아 가면 YouTube 동영상 플레이어가 유지됩니다.

자바 스크립트 :

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

멈춰야하지만 이제는 플레이어와 조금 어색해졌습니다. 아래에 존재하지 않는 비디오를 추가하고 있습니다. 감사! - 편집 : 다 일할 수있어, 도와 줘서 고마워, 정말 고마워! :디 – thaPereira

관련 문제