1

JQueryMobile を使用して、HTML5 でスマートフォン アプリを作成しています。YouTubeのユーザーから動画のリストを取得したいので、YouTubeのAPIを使用してそれを行い、必要なものをすべて取得した後、プレーヤー専用の新しいページを作成しました。ビデオを選択すると、ページにあるプレーヤー (iframe) にリダイレクトされ、ビデオが再生されます。希望どおりに再生されますが、戻るボタンを押してビデオのリストを確認すると、再生を続ける前にビデオを停止していません.どうすればそれを止めることができますか?

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);
}
4

1 に答える 1

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 から削除する必要があります。これが唯一の適切な方法です。

于 2013-05-28T14:54:18.690 に答える