单击嵌入式视频时隐藏元素

因此，我不得不在嵌入式视频的顶部放置一个“播放”按钮。我认为，使用以下方法单击视频时，隐藏按钮很容易：

jQuery(document).ready(function($){
   $(document).click(function() {     
    $("#play-icon").hide();
});
});

如果我单击页面上的其他任何位置，则会隐藏该按钮。只有当我单击实际视频本身时，它才会隐藏！当我检查视频时，最明显的类是“ .poster”-但这似乎没有将其隐藏。我尝试使用点击“ iframe”将其隐藏，但这也没有实现！我想念什么？任何帮助，不胜感激。谢谢。