Youtube iframe - 'fullscreen is unavailable'

Question

我正在使用 iframe 播放 youtube 视频。它显示全屏图标，但在单击时显示 'fullscreen is unavailable'。我正在使用 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>

Answer 1

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

Answer 2

iframe{
 width : 100%
}

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

Answer 3

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

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

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

Youtube iframe - 'fullscreen is unavailable'

Youtube iframe - 'fullscreen is unavailable'

html

javascript

iframe

youtube-iframe-api