如何在youtube Iframe上禁用全屏？

我有一个div容器和Iframe在里面。我指定宽度为200，高度为200。

---

当我点击全屏时，视频变得模糊，质量很差。因此，我想看看是否可以在youtube iframe上禁用全屏功能。

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

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

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

要允许全屏显示，只需添加allowFullscreen：

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

“我在url末尾使用了

？controls=0

，解决了这个问题。”

您的答案不能解决问题，您可以切换全屏，也可以双击视频。我尝试了

allowfullscreen=“0”

，但效果不佳

这同样适用于

？showinfo=0

；也不起作用

？showinfo=0

仅在更改链接时有效：

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

致：

---

当你在youtube上有视频时，你可以分享它。它还显示一个嵌入它的选项

您的代码中可能有一个

我的看起来像这样：

<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>

您的浏览器不支持Iframes

我建议你使用谷歌浏览器或火狐浏览器

这里重要的是“donotallowfullscreen”。 如果您将其设置为“allowfullscreen”，您将能够使用全屏

TLDR：在YT视频所在的Iframe标记中，在末尾添加“donotallowfullscreen”。及其固定的

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

---

React-youtube API的全屏修复程序

除了防止iframe上出现全屏外，还可以禁用youtube视频播放器中的全屏图标。为此，请添加参数

fs=0

：

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

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