複数のyoutube動画サムネイルを効率よく見せる

モーダルウインドウで再生

HTML

<a href="#" class="js-modal-video" data-video-id="5ROnLEGzutw">
  <img src="https://img.youtube.com/vi/5ROnLEGzutw/mqdefault.jpg">
</a>

呼び出し

<link href="https://unpkg.com/modal-video@latest/css/modal-video.min.css" rel="stylesheet">
<script src="https://unpkg.com/modal-video@latest/js/modal-video.min.js"></script>
<script>
  window.addEventListener('DOMContentLoaded', function () {
    new modalVideo('.js-modal-video');
  });
</script>

参考サイト https://chiyo-katsumasa.com/video/2024/