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

标签 javascript iframe youtube youtube-api youtube-javascript-api

我正在处理的嵌入需要具有当前浏览器尺寸的最大宽度和高度。 (所以它有点敏感)。我现在定义的是高度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%; }

这会起作用。

关于javascript - Youtube 播放器 iFrame 的高度和宽度 = 窗口大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23562047/

相关文章:

html - 需要将父文档的 css 获取到 iframe

javascript - 如何使用来自许多 JavaScript 来源(子域和映射域)的 'Google Picker'

wordpress - 有没有办法判断 WordPress 网站是自托管还是在 wordpress.com 上?

android - 找不到com.google.android.youtube意向

javascript - 如何使用requestJS的get方法设置cookie?

javascript - overflow hidden 在移动浏览器中显示,但在桌面浏览器中不显示

javascript - Jquery - <td> 的设置值

javascript - 在 React.js 中注销一个选项卡时如何注销一个浏览器中的所有选项卡?

javascript - 在 Youtube spfjs 中显示进度条

youtube - YouTube iframe脚本返回429