播放新視頻jquery時暫停其他正在播放的視頻

let pauseAllVideos = excludeVideo => $('video').not(excludeVideo).each((i, v) => {
  v.pause();
  $(v).closest('.video-player').find('.play-toggle')
    .removeClass('pause').addClass('play')
    .find('i').removeClass('fa-pause').addClass('fa-play');
});

$('.play-toggle').on('click', e => {
  let $button = $(e.currentTarget);
  let video = $button.closest('.video-player').find('video')[0];
  pauseAllVideos(video);
  $button.toggleClass('play pause').find('i').toggleClass('fa-play fa-pause');
  video[video.paused ? 'play' : 'pause']();
});

$('.sound-toggle').on('click', e => {
  let $button = $(e.currentTarget);
  let video = $button.closest('.video-player').find('video')[0];
  $button.toggleClass('play-sound pause-sound').find('i').toggleClass('fa-volume-high fa-volume-xmark');
  video.muted = !video.muted;
});

// This is just for this demo, so it doesn't deafen people :)
// it can be removed in your production version
$('video').each((i, v) => v.volume = 0.1);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet"  integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer"
/>

<p>Video #1:</p>
<div class="video-player">
  <video id="video1" width="420">
    <source src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
    Your browser does not support HTML video.
  </video>
  <div class="controls">
    <button class="play-toggle playvideo">
      <span class="play"><i class="fa-solid fa-play"></i></span>
      <span class="pause" style="display: none;"><i class="fa-solid fa-pause"></i></span>
    </button>
    <button class="sound-toggle playsound">
      <span class="play-sound"><i class="fa-solid fa-volume-high"></i></span>
      <span class="pause-sound" style="display: none;"><i class="fa-solid fa-volume-xmark"></i></span>
    </button>
  </div>
</div>

<p>Video #2:</p>
<div class="video-player">
  <video id="video2" width="420">
    <source src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
    Your browser does not support HTML video.
  </video>
  <div class="controls">
    <button class="play-toggle playvideo">
      <span class="play"><i class="fa-solid fa-play"></i></span>
      <span class="pause" style="display: none;"><i class="fa-solid fa-pause"></i></span>
    </button>
    <button class="sound-toggle playsound">
      <span class="play-sound"><i class="fa-solid fa-volume-high"></i></span>
      <span class="pause-sound" style="display: none;"><i class="fa-solid fa-volume-xmark"></i></span>
    </button>
  </div>
</div>