Youtube播放器iFrame的高度和宽度=窗口大小

Youtube player iFrame to height and width = windows size

本文关键字:窗口大小 高度 播放器 iFrame Youtube      更新时间:2023-09-26

我正在工作的嵌入需要有当前浏览器大小的最大宽度和高度。(所以它有点反应灵敏)。我现在定义的高度为890,宽度为1640,显然需要更改为我想要的。然而,一个简单的100%并不适用于两者。(不知何故,它只适用于宽度)

感谢您的帮助。

function onYouTubeIframeAPIReady() {
    player = new YT.Player('player', {
        height: '890',
        width: '1640',
        playerVars:
        {       
            controls: 0,
            autoplay: 0,
            enablejsapi: 1,
            iv_load_policy: 3,
            playsinline: 0,
            autohide: 0,
            listtype:'playlist',
            list:'PLDlvzhdA4-Pdv-zwkSUGr5-Bu_nn_33bP'
        }
    });
}

添加以下内容到css

body { width: 100%; height: 100%; }