5

也许是星期五下午开始,但由于某种原因,我似乎无法在嵌入的 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 复制,我认为我会安全。

4

3 回答 3

21

看来我需要进行一些更改,最终代码:

<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,这会触发按钮显示。此外,webkitallowfullscreenmozallowfullscreen需要说明这些解决浏览器特定问题的明显方法。

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

于 2012-09-03T09:33:59.517 回答
4

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

webkitallowfullscreen mozallowfullscreen allowfullscreen

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

于 2014-08-14T12:34:11.223 回答
3

全屏选项回来了,希望我必须&fs=1在链接末尾删除。

<iframe width="1280" height="720" src="http://www.youtube.com/embed/doXntJaJ-nQ" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
于 2013-04-02T21:45:42.607 回答