Youtube Iframe没有全屏按钮

也许是星期五下午踢的，但由于某种原因，我似乎无法得到一个全屏按钮出现在我的嵌入式Youtube视频。我做的是复制它从YouTube视频中产生的共享代码：Youtube Iframe没有全屏按钮

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

因此，举例来说，此代码http://jsfiddle.net/chricholson/v8sjL/我看到：

enter image description here

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

来源

2012-08-31 Chris

看来我需要一些变化，最终代码：

<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/。

来源

2012-09-03 09:33:59 Chris

谢谢克里斯:)非常有帮助 –

“？fs = 1”部分似乎没有必要。在最新的Chrome上，它将起作用，可以单独使用全屏幕;我猜其他浏览器可能需要webkitallowfullscreen和/或mozallowfullscreen – matteo

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

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

来源

2013-04-02 21:45:42 chriscshepherd

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

解决了！如果你有一个IFRAME（YouTube）的主HTML中的iframe（的jsfiddle）里面你需要定义

webkitallowfullscreen mozallowfullscreen allowfullscreen

到两个I帧，以便为它工作.....

来源

2014-08-14 12:34:11 Maurice

Youtube Iframe没有全屏按钮

回答

相关问题