如何在点击上应用涟漪效果，然后使用colorbox打开弹出窗口？

Question

我正在使用lightbox插件进行灯箱，http://db2k.github.io/MaterialRipple/使用涟漪效果。 我需要https://design.google.com上使用的效果。

首先，将显示涟漪效果，然后在单击元素时弹出视频。 我尝试了很多选项，settimeout和延迟，但不起作用。

我的js代码是：

   <script>
        $(document).ready(function(){
            $(".youtubevideo").colorbox({
                fastIframe:false, preloading: true, fixed: true, iframe: true, title: false, innerWidth: "100%", innerHeight: "100%", speed: 600,
            });
        });
    </script>