1

为了防止从 iframe 中双击全屏，您只需从 iframe 代码中删除“ allowfullscreen ”。

<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
            }
        });
    };
}());
4

1 回答 1

0

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

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

资源

于 2018-11-12T19:30:55.390 回答