如何拦截click事件并阻止内部元素接收它？

Question

我在div中包含了YouTube嵌入式代码。 div id为 outer_viv 。我将屏幕尺寸设置得相对较小，使视频看起来像缩略图。

<div id = "outer_div">
 <h2>First Leader Aside</h2>
 <p>
    <iframe width="200" height="112" src="https://www.youtube.com/embed/myvideo"
     frameborder="0" allowfullscreen="allowfullscreen"></iframe>
 </p>
</div>

点击缩略图后，我不想让视频开始播放。我想拦截点击，添加边框以显示视频已被选中，并在页面的主要内容部分显示更大的视频屏幕。

如何使用jquery拦截click事件？