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

Posted 2023-05-09

【中文标题】返回页面后，YouTube 视频继续播放

【英文标题】：YouTube video keeps player after I go back on the page

【发布时间】：2013-05-23 13:54:56

【问题描述】：

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

【参考方案1】：

工作示例：http://jsfiddle.net/Gajotres/CnKZh/

$(document).on('pagebeforeshow', '#second', function()       
    var output ='<iframe   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 中删除。这是唯一正确的方法。

【讨论】：

我让它停下来，但现在我的播放器有点乱，它在下面添加了一个不存在的视频，我会弄清楚的！谢谢！ -编辑：我已经完成了所有工作，感谢您的帮助，我真的很感激！ :D