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/,我的意思.