在BrightCove Player中单击“下一步”的视频或单击swiper的视频或swiper prev按钮

Question

<div class="swiper mySwiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <video-js
        id="overlayVideo"
        class="overlayVideo"
        data-account="6269594386001"
        data-player="oHG2GzKTGk"
        data-embed="default"
        controls=""
        data-video-id="6304418462001"
        data-playlist-id=""
        data-application-id=""
        data-object-fit="cover"
        autoplay
        muted loop
        playsinline
      >
      </video-js>
      <script src="https://players.brightcove.net/6269594386001/oHG2GzKTGk_default/index.min.js"></script>
    </div>
    <div class="swiper-slide">
      <video-js
        id="overlayVideo"
        class="overlayVideo"
        data-account="6269594386001"
        data-player="oHG2GzKTGk"
        data-embed="default"
        controls=""
        data-video-id="6304418462001"
        data-playlist-id=""
        data-application-id=""
        data-object-fit="cover"
        autoplay
        muted loop
        playsinline
      >
      </video-js>
      <script src="https://players.brightcove.net/6269594386001/oHG2GzKTGk_default/index.min.js"></script>
    </div>
  </div>
  <div class="swiper-button-next"></div>
  <div class="swiper-button-prev"></div>
  <div class="swiper-pagination"></div>
</div>


$(document).ready(function () {
  var swiper = new Swiper(".mySwiper", {
    spaceBetween: 30,
    centeredSlides: true,
    autoplay: {
      delay: 2500,
      disableOnInteraction: false,
    },
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });

  $(".swiper-button-prev, .swiper-button-next").click(function () {
    videojs.getPlayer("overlayVideo").ready(function () {
      var myPlayers = this;
      myPlayers.muted(true);
    });
  });
});

默认情况下，我正在播放视频时，当我手动取消视频并单击“ swiper”下一个或prev按钮时，该视频应进行静音，但是目前仅在单击上一个按钮时才发生，而不是在单击“下一步”按钮时进行静音。有人可以帮助我实现这一目标。提前致谢

Answer 1

<video-js
  id="overlayVideo"

您不能有两个HTML5元素或两个具有相同ID的播放器。您需要给他们独特的ID，并仅静音（或者更好，暂停）。