Youtube iframe - '全屏不可用'答案

【问题标题】：Youtube iframe - 'fullscreen is unavailable'Youtube iframe - '全屏不可用'
【发布时间】：2020-11-28 18:06:24
【问题描述】：

我正在使用 iframe 播放 youtube 视频。它显示全屏图标，但单击时显示“全屏不可用”。我正在使用 allfullscreen 仍然无法正常工作。以下是我目前尝试过的代码。

代码 1。

<iframe width="760" height="415" id={showVid.id} title={showVid.title} src={showVid.link} allowfullscreen allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>

代码 2。

<iframe width="760" height="415" id={showVid.id} title={showVid.title} src={showVid.link} allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture fullscreen"></iframe>

【问题讨论】：

标签： javascript html iframe youtube-iframe-api

【解决方案1】：

确保您在 youtube 的 src 属性中使用 https，例如

<iframe allow="fullscreen;" src="https://www.youtube.com/embed/{video.id}"></iframe>

我在本地使用“//www.youtube.com”链接进行开发，全屏对我来说永远不起作用！

【讨论】：

【解决方案2】：

iframe{
 width : 100%
}

然后使用 javascript api 将 zoom 属性设置为 zoom = 1;

【讨论】：

【解决方案3】：

根据您使用的浏览器，您可能需要打开 iframe 的替代设置，请参阅：YouTube iframe embed - full screen 以获得深入解答

【讨论】：