Stops other media elements from playing when a media element starts playing.

stop-other-media.js

/**
 * Stops other media elements from playing when a media element starts playing.
 *
 * @param {HTMLMediaElement[]} mediaElems - An array of HTML media elements.
 *
 * @example
 *
 * // Stop other media elements when one starts playing
 * const allMediaElems = document.querySelectorAll("audio, video");
 * stopOtherMedia(allMediaElems);
 */
function stopOtherMedia(mediaElems) {
  Array.from(mediaElems).forEach((elem) => {
    elem.addEventListener("playing", (event) => {
      Array.from(mediaElems).forEach((elem) => {
        if (elem !== event.target) {
          elem.pause();
          elem.currentTime = 0;
        }
      });
    });
  });
}