Typescript iframe全屏按钮未在Chrome中显示

我的网页上有一些显示Vimeo视频的iFrame，出于某种原因，在Chrome中全屏按钮不可见，我检查了Safari和Firefox中的全屏按钮是否可见并且正常工作。下面是我正在使用的父级和iframe的代码

其他课程。tsx

<div className={`m-other-videos-videos`}>
  {referenciaPlantillaContenido.map((val, index) => (
    <>
      {val.descripcion && val.descripcion.json && (
        <>
          <div key={index} className="full-screen-video">
            <div>
              <CardOtherSec
                Date={documentToReactComponents(val.descripcion.json)}
                urlVideo={val.redireccionBoton}
                Title={val.tituloBanner}
              />
            </div>
          </div>
        </>
      )}
    </>
  ))}
</div>

<iframe
  src={urlVideo}
  className="video a-cardOtherSec eferer"
  allow={"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; mozAllowFullScreen; webkitAllowFullscreen;"}
  allowFullScreen={true}
  frameBorder="0"
></iframe>

{referenceaplantillacontenido.map（（val，index）=>(
{val.descripion&&val.descripion.json&&(
)}
))}

这是Iframe代码

videoSec.tsx

<div className={`m-other-videos-videos`}>
  {referenciaPlantillaContenido.map((val, index) => (
    <>
      {val.descripcion && val.descripcion.json && (
        <>
          <div key={index} className="full-screen-video">
            <div>
              <CardOtherSec
                Date={documentToReactComponents(val.descripcion.json)}
                urlVideo={val.redireccionBoton}
                Title={val.tituloBanner}
              />
            </div>
          </div>
        </>
      )}
    </>
  ))}
</div>

<iframe
  src={urlVideo}
  className="video a-cardOtherSec eferer"
  allow={"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; mozAllowFullScreen; webkitAllowFullscreen;"}
  allowFullScreen={true}
  frameBorder="0"
></iframe>

由于某些原因，在Chrome中它不起作用，我一直在寻找，我发现Chrome正在创建一个名为的类。没有全屏支持，我不明白为什么要创建它，因为在Firefox和Safari中他们没有创建该类。 和

所以我想知道为什么。没有全屏支持正在创建，以及如何修复，使全屏按钮在Chrome中可用