如何在youtube Iframe上禁用全屏

Question

我里面有一个div容器和Iframe。我分配了宽度= 200和高度= 200。当我单击全屏时，视频变得模糊，质量非常差。所以，我想看看是否可以在youtube iframe上禁用全屏。

Answer 1

">

我在网址末尾使用了?controls=0，它解决了问题。

您的答案并不能解决问题，您可以切换全屏也可以双击视频。我试过allowfullscreen="0"，效果不佳。

?showinfo=0也是如此;也不起作用。

仅当您更改链接时，?showinfo=0才有效：

https://www.youtube.com/embed/Di2KMatiGAM?controls=0&showinfo=0

自：

    https://www.youtube-nocookie.com/embed/Di2KMatiGAM?controls=0&showinfo=0

Answer 2

使用不带 allowFullscreen 的 iframe 标记来禁用播放器上的按钮，例如：

<iframe src="https://www.youtube.com/embed/12345"></iframe>

要允许全屏

，只需添加允许全屏：

<iframe allowfullscreen="0" src="https://www.youtube.com/embed/@(item.VideoUrl)"></iframe>

Answer 3

当您在YouTube上有视频时，您可以分享它。 它还显示嵌入它的选项。

您的代码中可能有<iframe></iframe>

我的看起来像这样：

<div class="IFR" alt="-">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/AdfFnTt2UT0 rel=0&amp;controls=1&amp;showinfo=0" frameborder="0" allow="autoplay; encrypted-media" donotallowfullscreen>
        <p>
            Your browser does not support Iframes <br>
            I suggest that you use Google Chrome or FireFox
        </p>
    </iframe>
</div>

这里重要的是"不允许全屏"。如果将其设置为"允许全屏"，您将能够使用全屏。

TLDR：在 YT 视频所在的 Iframe 标签中，在末尾添加"不允许全屏"。

Answer 4

我在网址末尾使用了 ？controls=0，它解决了这个问题。

Answer 5

        <iframe title="video player" src={videoSrc} allowfullscreen="0"/>

反应 - 全屏修复 youtube API

Answer 6

您可以使用 youtube 嵌入网址中的 fs 参数从 youtube 嵌入视频中删除全屏选项

示例：- 优酷嵌入网址 https://www.youtube.com/embed/youtubeid

在上述网址中添加 fs 的查询参数

https://www.youtube.com/embed/youtubeid5?fs=0

特别感谢生态

要在 iframe 中添加允许全屏属性

，请在 iframe 中添加允许全屏属性

 <iframe class="iframe-embed" [src]="url_link|safe" allowfullscreen>
              </iframe>