Youtube iframe 没有全屏按钮答案

【问题标题】：Youtube Iframe no fullscreen buttonYoutube iframe 没有全屏按钮
【发布时间】：2012-08-31 14:51:18
【问题描述】：

也许是周五下午开始，但由于某种原因，我似乎无法在嵌入的 Youtube 视频上显示全屏按钮。我所做的只是复制从 Youtube 视频生成的共享代码：

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0" frameborder="0" allowfullscreen></iframe>

例如，使用此代码http://jsfiddle.net/chricholson/v8sjL/ 我明白了：

我发现一些文章说 URL 错误 /v/[code] 而不是 /embed/[code] 但直接从 Youtube 复制我认为我会安全。

【问题讨论】：

标签： firefox google-chrome youtube

【解决方案1】：

看来我需要进行一些更改，最终代码：

<iframe width="560" height="315" src="http://www.youtube.com/embed/hFoQVx8ZcHo?rel=0&fs=1" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

首先，URL 需要&fs=1，这会触发按钮显示。此外，webkitallowfullscreen 和 mozallowfullscreen 是必需的，说明这些显然可以解决浏览器特定的问题。

我确实发现了一件有趣的事情，尽管有工作代码，但这个示例不能通过 jsfiddle 工作，可能与 iframe 内部有关。请参阅http://jsfiddle.net/mrchris2013/v8sjL/5/ 了解我的意思。

【讨论】：

"?fs=1" 部分似乎没有必要。在最新的 Chrome 上，它只允许全屏运行；我猜其他浏览器可能需要 webkitallowfullscreen 和/或 mozallowfullscreen

【解决方案2】：

解决了...！如果在主 HTML 中的 iframe(jsfiddle) 中有 iframe(youtube)，则需要定义

webkitallowfullscreen mozallowfullscreen allowfullscreen

两个 iframe 以使其正常工作.....

【讨论】：

Firefox 坚持内部 iframe 设置 allowFullScreen 属性。仅仅设置allow: fullscreen 是不够的，尽管它说here: 'allowfullscreen ... 被认为是一个遗留属性并重新定义为allow="fullscreen" '

【解决方案3】：

全屏选项回来了，但我必须删除链接末尾的&fs=1。

<iframe width="1280" height="720" src="http://www.youtube.com/embed/doXntJaJ-nQ" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

【讨论】：

在我看来这是正确的答案，而不是当前接受的答案