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

我回到页面后，YouTube视频会保留播放器

1 个答案: