Блог

Главная - Вопросы по программированию - Слайдер React awesome не показывает видео после 3-го

Слайдер React awesome не показывает видео после 3-го

#reactjs

#reactjs

Вопрос:

 <AutoplaySlider
   animation={animArr[animationName]}
   play={true}
   cancelOnInteraction={true}
   interval={6000}
   >
   <div>
      <a href="https://firstlink.com" target="_blank" rel="noreferrer">
         <video loop autoPlay muted>
            <source src={first} type="video/mp4" />
         </video>
      </a>
   </div>
   <div>
      <a href="https://secondlink" target="_blank" rel="noreferrer">
         <video loop autoPlay muted>
            <source src={second} type="video/mp4" />
         </video>
      </a>
   </div>
   <div>
      <a href="https://thirdlink.com" target="_blank" rel="noreferrer">
         <video loop autoPlay muted>
            <source src={third} type="video/mp4" />
         </video>
      </a>
   </div>
   <div>
      <a href="https://fourthlink.com" target="_blank" rel="noreferrer">
         <video loop autoPlay muted>
            <source src={fourth} type="video/mp4" />
         </video>
      </a>
   </div>
</AutoplaySlider>

Это мой код, все ссылки правильные, но видео показывает это так

 First video = First video
Second video = Second video
Third video = First Video
Fourth video = Second video

что происходит?

Вот пакет, который я использую

https://caferati.me/demo/react-awesome-slider/images

Ответ №1:

Измените исходный тег на атрибут src 😉

Метки: