返回页面后，YouTube 视频继续播放

Question

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

Answer 1

工作示例：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 中删除。这是唯一正确的方法。