Bom, o import do iFrame e suas devidas alterações surtiram efeito pra página, mas olhando pro console, observei aqui que ele ficou cheio de erros:

Aí depois de observar, vi que faltava o upperCase em algumas partes e remover o "web-share" do iFrame pra boa parte desses erros sumir.
Código do iFrame antes:
        <iframe width="100%" 
        height="100%" 
        src={videoPlayer.link}
        title={videoPlayer.titulo}
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture web-share"
        referrerpolicy="strict-origin-when-cross-origin" 
        allowfullscreen></iframe>
Código do iFrame depois:
        <iframe width="100%" 
        height="100%" 
        src={videoPlayer.link}
        title={videoPlayer.titulo}
        frameBorder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
        referrerPolicy="strict-origin-when-cross-origin" 
        allowFullScreen></iframe>
Aí acaba que fica assim o console depois dessas alterações, o que poderia ter causado essas partes em amarelo e o error do "undefined"?