1

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

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

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

这是页面导航的代码

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

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

任何帮助是极大的赞赏

4

1 回答 1

1

嗨，这个页面应该有很大帮助。https://developers.google.com/youtube/iframe_api_reference。您只需将视频“包装”在 youtube Api 中，并使用他们已经绑定的事件和方法。

基本上，您需要做的是当 div 关闭或单击视频中的 x 按钮时，您将需要执行类似的操作。

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

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

于 2013-06-07T15:59:59.690 回答