在JavaScript中从YouTube禁用“ allowfullscreen”

时间:2018-11-12 19:27:18

标签: javascript youtube-api fullscreen fullscreenchange

要防止从iframe中双击全屏,您要做的就是从iframe代码中删除“ 允许全屏”。

<iframe width="606" height="344" src="https://www.youtube.com/embed/M7lc1UVf-VE" frameborder="0" /*allowfullscreen*/></iframe>

但是,如果您不使用iframe,如何通过youtube javascript API完成操作?

我似乎不明白

这似乎很简单,但我似乎无法弄清楚。

如何完成?

我一直在寻找,并没有找到任何能做到这一点的代码。

我正在尝试的一切似乎都没有起作用。

如果可以通过 iframe 完成操作,是否还可以通过 javascript 完成?

也: fs:0; 不删除双击全屏。

https://jsfiddle.net/zb6mkug3/829/

<div class="player"></div>

    (function iife() {
    "use strict";
    const tag = document.createElement("script");
    tag.src = "https://www.youtube.com/player_api";
    const firstScriptTag = document.getElementsByTagName("script")[0];
    firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

    function onPlayerReady(event) {
        const youtubePlayer = event.target;
        youtubePlayer.setVolume(0); // percent
    }
    window.onYouTubePlayerAPIReady = function() {
        new YT.Player(document.querySelector(".player"), {
            height: '315',
            width: '560',
            host: 'https://www.youtube-nocookie.com',
            videoId: 'M7lc1UVf-VE',
            playerVars: {
                controls: 1,
                fs: 0,
            },
            events: {
                "onReady": onPlayerReady
            }
        });
    };
}());

1 个答案:

答案 0 :(得分:0)

playerVars中,只需添加fs: 0,这将禁用全屏选择:

playerVars: {
    controls: 1,
    fs: 0
},

source