Code to be inserted in Framer app as a "Code Component" (apply YOUTUBE_VIDEO_ID within code)

video.tsx

export default function Video(props) {
    return (
        <div style={containerStyle}>
            <iframe
                width="560"
                height="315"
                src="https://www.youtube.com/embed/YOUTUBE_VIDEO_ID"
                frameborder="0"
                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen
            ></iframe>
        </div>
    )
}

const containerStyle = {
    height: "100%",
    display: "flex",
    justifyContent: "center",
    alignItems: "center",
    overflow: "hidden",
}