在每页刷新时播放替代视频

Question

mounted: function() {
  $( document ).ready(function() {
    $('.popup-youtube11, .popup-vimeo, .popup-gmaps').magnificPopup({
      disableOn: 700,
      type: 'iframe',
      mainClass: 'mfp-fade',
      removalDelay: 160,
      preloader: false,
      fixedContentPos: false
    });
  }
}

<div class="col-sm-4 col-md-4">
  <div class="thumb thumb-caption text-center">
    <figcaption>
      <p>text</p>
      <router-link :to="'/videos'">click here</router-link>
    </figcaption>
  </div>
  <div class="thumb">
    <a class="popup-youtube11" href="https://www.youtube.com/watch?v=K8E6xsac2MU">
      <img src="../../.././images/C1M.jpg" class="img-responsive">
      <div class="hover-opaque">
        <span class="glyphicon glyphicon-play-circle text-center" aria-hidden="true"></span>
      </div>
    </a>
  </div>
</div>

我正在使用大胆的弹出式插件在弹出窗口中显示视频。上面的代码在弹出页面刷新时播放相同的视频。但是，我想在页面刷新时播放不同的视频并更改缩略图。