Javascript 如何使用Youtube Iframe API检测播放/暂停？

我已经在我的reactjs应用程序中实现了一个旋转木马，其中包含视频和图片。旋转木马有一个自动滚动/幻灯片放映模式，称为autoplay。我一直试图让旋转木马在播放视频时停止滚动，然后在停止时重新开始

   import React, { useRef, useState, useEffect } from 'react';
    import { Carousel } from 'react-responsive-carousel';
    
    function Webapps() {
    
     const autoplayChange = () => {
            setSlideShow(!slideShow)
            console.log('playing!')
        }
    
     return (
    <Carousel autoPlay={slideShow}>
      <div className='iframeContainer'>
          <iframe src='...' frameborder="0" allowfullscreen="allowfullscreen" PLAYING={autoplayChange}/>
      </div>
    </Carousel>
    )
    }

import React，{useRef，useState，useffect}来自'React'；
从“反应响应旋转木马”导入{Carousel}；
函数Webapps（）{
常量自动播放更改=（）=>{
setSlideShow（！幻灯片放映）
console.log（'playing！'）
}
返回(
)
}

到目前为止，我已经编写了这段代码，但找不到一种方法来检测Iframe的暂停/播放功能。有什么想法吗？我确实看到可以使用YT.PLAY YT.STOP，但我不知道如何实现这一点