Question

我有一个基本的叠加层，当点击特定链接时，内容会显示在页面顶部。这工作正常，但我刚刚添加了一个YouTube视频嵌入，并在叠加关闭时实现声音在后台播放。所以我需要找到一种方法来停止或暂停视频。我继承了代码，这里是：

       $("#student_info_tbl").load(function(){
             libraryupdates();
        });

        function libraryupdates()
        {

            $('#student_info_tbl tbody tr').each(function(j) {
            });
        }

我想这只是我需要修改的第二个区块，但到目前为止我所尝试的还没有完成。视频会自动包装在$('#size-guide a').click(function(e){ e.stopPropagation(); e.preventDefault(); $('.sizeguide-popup-container').addClass('reveal'); $('html,body').addClass('noscroll'); $("header.mainHeader").css("position", "absolute").css("z-index", "100"); }); $(document).on("click", ".sizeguide-popup-close", function() { $(".sizeguide-popup-container").removeClass('reveal'); $('html,body').removeClass('noscroll'); $("header.mainHeader").css("position", "fixed").css("z-index", "9999999"); }); $('.sizeguide-popup-container').on('click', function(e) { if (e.target !== this) return; $('.sizeguide-popup-container').removeClass('reveal'); $('html,body').removeClass('noscroll'); $("header.mainHeader").css("position", "fixed").css("z-index", "9999999"); }); div中，以使其响应。所以我认为我可以将其修改为类似下面的内容（在阅读另一个帖子后）：

rte__video-wrapper

因为这基本上只是删除了视频链接所以当重新打开叠加层时，会有一个很大的空白区域。有人指出我正确的方向吗？

Answer 1

根据iframe API，您可以使用player.stopVideo()停止YouTube视频。

player.stopVideo（）：Void 停止并取消加载当前视频。当您遇到罕见情况时，应保留此功能知道用户不会在观看额外的视频播放器。如果你打算暂停视频，你应该打电话给 pauseVideo功能。如果你想改变播放器的视频正在播放，你可以调用其中一个排队函数而不需要调用首先停止视频。

您还可以查看此SO post以获取其他代码参考。

使用Javascript关闭（隐藏）div时停止播放YouTube视频

1 个答案: