jQuery-如何检测视频条上的播放按钮而不是视频本身

这是我的html代码：

<div class="video_container">
<button class="play">Play</button>              
<video controls poster="image.png">
<source src="video.mp4" />
<img alt="Img" src="image.png" title="Some Image" /></video>
</div>

首先，我有同一类的多个视频，里面有一个按钮，中间有图像背景。当按钮和视频本身被单击时，所有按钮都工作，视频播放时，按钮隐藏在中间。但我真正想要的是在视频底部的“视频栏”中检测一下“播放按钮”。因为当我点击视频条内的播放按钮时，中间的按钮并没有隐藏。我希望你们能理解我想说的话。先谢谢你

---

演示站点：

您需要截取HTML5元素的播放/暂停/停止等事件，并相应地在中间隐藏/显示播放按钮

$('video').bind('play', function (e) {
    // Hide Middle Play button
});

---

您需要截获HTML5元素的播放/暂停/停止等事件，并相应地在中间隐藏/显示播放按钮

$('video').bind('play', function (e) {
    // Hide Middle Play button
});

---

请提供JSFIDLE示例以准确理解问题。这是演示站点：请提供JSFIDLE示例以准确理解问题。这是演示站点：哇！太快了！非常感谢你，先生！。很遗憾，我还没有足够的声誉来投票支持你的答案。但是谢谢你！最好的礼遇！太快了！非常感谢你，先生！。很遗憾，我还没有足够的声誉来投票支持你的答案。但是谢谢你！顺致敬意，