开始播放第二个视频时停止播放一个YouTUBE视频

Question

我有一个网页，其中包含两个在不同iframe中的两个YouTUBE视频。他们俩现在都可以同时玩。我需要进行更改，以便当一个正在播放并且用户单击另一个时，一个播放停止。如何做到这一点？

<style>
   iframe.youTUBE {
   margin-left: 10px;
   float: left
   }
</style>
<div>
   <iframe class="youTUBE" width="250" height="250" src="https://www.youtube.com/embed/P7Dwu0TtSBE" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div>
   <iframe class="youTUBE" width="250" height="250" src="https://www.youtube.com/embed/FdOxl7U5uiM" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>