反应真棒滑块在第三个之后不显示视频

Question

<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

Answer 1

将源标签改为src属性;)