Youtube iframe没有全屏按钮

Question

也许是星期五下午开始，但由于某种原因，我似乎无法在我的嵌入式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/，我看到了：

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

Answer 1

似乎我需要进行一些更改，最终代码：

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

首先，网址需要&fs=1，这会触发按钮显示。此外，还需要webkitallowfullscreen和mozallowfullscreen，说明显而易见的解决浏览器特定问题。

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

Answer 2

全屏选项回来了，我不得不在链接末尾删除&fs=1。

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

Answer 3

解决...！如果您在主HTML中的iframe（jsfiddle）中有iframe（youtube），则需要定义

webkitallowfullscreen mozallowfullscreen allowfullscreen

两个iframe，以便它工作.....