firefox - 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/我懂了:



我发现一些文章说 URL 错误 /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>​

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

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