可以´t关闭灯箱，停止/暂停嵌入的youtube视频(youtubeapi）

Can´t stop/pause embedded youtube video (youtube api) inside lightbox by closing

本文关键字：暂停 youtube 视频 youtubeapi 停止 #180 可以      更新时间：2023-09-26

我正在开发一个Lightbox，用户可以在其中观看视频
问题如果我要通过点击容器外部来关闭它，我会得到错误"无法读取未定义的属性‘stopVideo’"，但如果我用按钮关闭它，它工作得很好

$（函数（）{var appendthis=（"查看jsfiddle"）；$（'a[data modal id]'）.点击（函数（e）{$（window）.resize（）；e.preventDefault（）；$（"body"）.append（appendthis）；$（".modal overlay"）.fadeTo（500，0.7）；var modalBox=$（this）.attr（'data-modal-id'）；$（'#'+modalBox）.fadeIn（$（this）.data（））；$（".js-modal-clos-vid，.modal overlay"）.click（function（）｛var player=$（this）.最接近（'.modal box'）.data（'player'）；player.stopVideo（）；$（".modal box，.modal overlay"）.fadeOut（500，function（）{$（".modal overlay"）.remove（）；})；})；})；


Js在评论中出价

$(".js-modal-close, .modal-overlay").click(function() {
  var player = $('.modal-box').data('player');
  player.stopVideo();
  player.seekTo(0);
  $(".modal-box, .modal-overlay").fadeOut(500, function() {
    $(".modal-overlay").remove();
  });
});

更改是将$(this).closest('.modal-box').data('player');更改为$('.modal-box').data('player')，并且它起作用。我认为这里的问题是closest方法的使用不正确，选择器不是您所期望的。

http://jsfiddle.net/4f5dksj5/6/

相关文章：