Question

我创建了一个网站，而不是“网页”，我使用下面的代码创建了显示/隐藏不同菜单点击的div。

唯一的问题是其中一个页面上的You Tube视频，当用户播放视频时，他们必须停止播放，否则视频会在访问其他页面时继续播放。

有没有办法在用户离开页面时暂停视频，或者在点击其他内容时直接停止视频。

以下是页面导航的代码

$('#homePage').show();

$('.nav').click(function () {
    $('.page:visible').slideUp('slow'); // or .hide()
    $($(this).data('target')).slideDown('slow'); // or.show()
})

非常感谢任何帮助

Answer 1

您好这个页面应该有很多帮助。 https://developers.google.com/youtube/iframe_api_reference。您只需要在youtube Api中“封装”视频，并使用已绑定到它的事件和方法。

基本上你需要做的是当关闭div或点击视频中的x按钮时你需要做这样的事情。

$("#myDiv").click(function () {
    player.stopVideo();
  });

有一点需要注意的是，如果您要隐藏显示包含Iframe的div，则每次显示时都需要重新添加该播放器，否则您将丢失与之关联的事件。我希望这有帮助。

隐藏页面时暂停You Tube视频

1 个答案: