以下のように複数のvideoタグがあり、どれかが再生された時に既に再生されているものを停止する(常に再生されているものは1つ)という実装はどのようにすれば行えるでしょうか。
<video id="myvideo1" class="video-js" controls autoplay preload="none" onclick="this.play()" onplay="trackMoviePlay(1)" style="width: 100%;position: relative; height: 190px;" poster="<?= $get_item["img"]; ?>" data-setup="{}">
<source src="<?= $videos["mp4"]; ?>" type='video/mp4'>
<source src="<?= $videos["mp4"]; ?>" type='video/quicktime'>
</video>
<video id="myvideo2" class="video-js" controls preload="none" onclick="this.play()" onplay="trackMoviePlay(2)" style="width: 100%;position: relative; height: 190px;" poster="<?= $get_item["img"]; ?>" data-setup="{}">
<source src="<?= $videos["mp4"]; ?>" type='video/mp4'>
<source src="<?= $videos["mp4"]; ?>" type='video/quicktime'>
</video>
<video id="myvideo3" class="video-js" controls preload="none" onclick="this.play()" onplay="trackMoviePlay(3)" style="width: 100%;position: relative; height: 190px;" poster="<?= $get_item["img"]; ?>" data-setup="{}">
<source src="<?= $videos["mp4"]; ?>" type='video/mp4'>
<source src="<?= $videos["mp4"]; ?>" type='video/quicktime'>
</video>
詳しい方、ご教示ください。宜しくお願い致します。