https://visitnara.jp/static/front/js/youtube_slider.8b2a56a11bbb.js

1const youtubeSlider = class {
2    constructor() {
3  
4      document.querySelectorAll('.swiper-container').forEach(el => {
5        if(el.querySelectorAll('.swiper-slide').length === 1) {
6          this.hideUI(el);
7        }
8      })
9  
10      const imageSlider = new Swiper('.js-imageSlider', {
11        loop: true,
12        speed: 500,
13        simulateTouch: false,
14        pagination: {
15          el: '.swiper-pagination',
16        },
17        navigation: {
18          nextEl: '.swiper-button-next',
19          prevEl: '.swiper-button-prev',
20        },
21      })
22  
23      document.querySelectorAll('.js-bannerSlider').forEach(el => {
24        const len = el.querySelectorAll('.swiper-slide').length;
25        const loop = (len <= 3) ? false : true;
26        const bannerSlider = new Swiper(el, {
27          loop: loop,
28          loopAdditionalSlides: 1,
29          speed: 500,
30          slidesPerView: 3,
31          spaceBetween: 42,
32          simulateTouch: false,
33          navigation: {
34            nextEl: '.js-bannerSlider-next',
35            prevEl: '.js-bannerSlider-prev',
36          },
37          breakpoints: {
38            768: {
39              spaceBetween: 10,
40              slidesPerView: 1.2,
41              centeredSlides: true,
42            }
43          },
44        })
45      })
46  
47      const mvFullWidthSlider = new Swiper('.js-mvFullWidth-slider', {
48        loop: true,
49        speed: 500,
50        autoplay: {
51          delay: 5000,
52        },
53        effect: 'fade',
54        simulateTouch: false,
55        pagination: {
56          el: '.swiper-pagination',
57          clickable: true
58        },
59      })
60  
61      const contentsSlider = new Swiper('.js-contentsSlider', {
62        loop: true,
63        speed: 500,
64        effect: 'fade',
65        simulateTouch: false,
66        pagination: {
67          el: '.swiper-pagination',
68          type:'fraction',
69        },
70        navigation: {
71          nextEl: '.contentsSlider-nav-next',
72          prevEl: '.contentsSlider-nav-prev',
73        },
74      })
75    }
76    hideUI(el) {
77      const pagination = el.querySelector('.swiper-pagination');
78      const buttons = el.querySelectorAll('.swiper-button-prev, .swiper-button-next');
79      if(pagination) pagination.style.display = 'none';
80      if(buttons) {
81        buttons.forEach(el => {
82          el.style.display = 'none';
83        })
84      }
85    }
86  };
87  
88  new youtubeSlider();