reactjs - 在 Antd Modal 中嵌入 Youtube 视频

Question

我正在尝试在 ant design Modal 中嵌入视频。基本上，它是一个弹出窗口，当您单击它时应该会显示一个预告片。我可以打开popin，但它只是一个白色窗口。我只能听到视频的声音，但看不到任何图片...

const Teaser = ({video, isVisible}) => {
    
    let iframeVisible = isVisible ? "autoplay=1" : "autoplay=0";
    return (
        <div>
        <Modal  visible={isVisible} width="100%" footer={null} wrapClassName={"movie-modal"} title="video player">
           
            <iframe src={`${video}?${iframeVisible}&controls=1&showinfo=0&modestbranding=1&autohide=1`}  height="315" width="560" allow="autoplay" frameBorder="0" allowFullScreen>
            </iframe>
        </Modal>
        </div>
    )
}

标签： reactjsmodal-dialogantd