Javascript 当存在多个视频文件时，如何定位视频元素。但也要隐藏播放按钮，并在视频结束时收听

我试图在多个视频中添加一个事件侦听器，但似乎在任何地方都找不到答案。我的页面上有多个视频，当视频结束时，它必须加载要再次播放的视频，显示重播按钮并隐藏控件。这是我目前掌握的代码。如果有人能帮我找到如何为正在观看的特定视频设置eventlistener的“ended”。我会非常感激的

HTML

    <div class="video-container">
              <video class="vidDJ" width="100%" preload="none">
                <source src="video1.mp4"
                  type="video/mp4">
              </video>
              <div class="vidText">
                <div class="playBtn"></div>
                <div class="replayBtn"></div>
              </div>
              <!-- vidText -->
            </div>
            <!-- video-container -->

            <div class="video-container">
              <video class="vidDJ" width="100%" preload="none">
                <source src="video2.mp4"
                  type="video/mp4">
              </video>
              <div class="vidText">
                <div class="playBtn"></div>
                <div class="replayBtn"></div>
              </div>
              <!-- vidText -->
            </div>
            <!-- video-container -->

           <div class="video-container">
              <video class="vidDJ" width="100%" preload="none">
                <source src="video3.mp4"
                  type="video/mp4">
              </video>
              <div class="vidText">
                <div class="playBtn"></div>
                <div class="replayBtn"></div>
              </div>
              <!-- vidText -->
            </div>
            <!-- video-container -->

我知道我的听众都是垃圾，但我什么都试过了。我记得读过关于可能对视频元素使用querySelectorAll并在其上循环，然后添加事件侦听器的文章，但我对js/jQuery还是相当陌生，不记得是怎么做的。任何帮助都将不胜感激

这是一个添加重播按钮并在视频结束时重新加载视频的功能。它的工作原理是根据视频id选择视频。我的问题是对所有视频使用一个addeventlistener函数

    video.addEventListener('ended',function(){
      video.load();
      $(".replayBtn").show();
      $(".playBtn").hide();
      $(".vidText").show();
    });

---

所有元素都没有id，更不用说等于

“vidDJ”

的id了。否则，我们并不清楚您的意图是什么，但您使用这些嵌套事件侦听器所做的事情听起来并不好。好的，我编辑了我的帖子，将#vidDJ改为.vidDJ，因为我的问题是使用一个事件侦听器来选择任何视频元素。我在底部添加了一个函数，它显示了我如何让一个视频做我想做的事情，目标是它的id。

    video.addEventListener('ended',function(){
      video.load();
      $(".replayBtn").show();
      $(".playBtn").hide();
      $(".vidText").show();
    });