我正在使用React-Slick
滑块。在我的一个滑块中,我有一个要播放的视频。我可以使用播放视频React-Video
但即使我们更改幻灯片视频也会播放
const [ isplaying, setIsplaying ] = useState(false)
<div>
<ReactPlayer
key={`frame'-${media.id}`}
width={IMAGE_WIDTH}
height={IMAGE_HEIGHT}
allowFullScreen={true}
playing={isplaying}
controls
url={media.src}></ReactPlayer>
)}
</div>
<Slider
className={isViewWide ? css.sliderRegularWide : css.sliderRegularNarrow}
asNavFor={nav2}
beforeChange={(currentIndex, nextIndex) => {
if (currentIndex === 4) { setIsplaying(false)}
}}
ref={slider1 => setNav1(slider1)}
{...settingsRegular}>
{regularImages}
</Slider>
即使设置为假后,视频也不会停止播放。