YouTube iFrame API-全屏按钮不';无法在IE中工作-单击后将变为灰色(禁用)

YouTube iFrame API-全屏按钮不';无法在IE中工作-单击后将变为灰色(禁用),iframe,youtube,youtube-api,Iframe,Youtube,Youtube Api,我正在使用YouTube的iFrame API在页面中嵌入视频。在所有浏览器中,除了。。。IE。在IE中,查看全屏视频的按钮不起作用。你点击它,它就会变成灰色 这很可能是一件简单的事情(不是总是这样吗?),但我就是找不到问题所在,也找不到任何关于这个特定问题的参考 我在给出示例URL时犹豫不决,因为在我解决这个问题之前,我已经解决的一些问题不会被推到生产中,但主要问题确实存在。。。因此,我正在经历的一个例子可以在以下网址找到: 另一个例子是(可能需要刷新几次-我已经在本地解决了这个问题):

我正在使用YouTube的iFrame API在页面中嵌入视频。在所有浏览器中,除了。。。IE。在IE中,查看全屏视频的按钮不起作用。你点击它,它就会变成灰色

这很可能是一件简单的事情(不是总是这样吗?),但我就是找不到问题所在,也找不到任何关于这个特定问题的参考

我在给出示例URL时犹豫不决,因为在我解决这个问题之前,我已经解决的一些问题不会被推到生产中,但主要问题确实存在。。。因此,我正在经历的一个例子可以在以下网址找到:

另一个例子是(可能需要刷新几次-我已经在本地解决了这个问题):

第二个示例的示例iFrame代码为:

<iframe name="youtubePlayer" width="225" height="135" class="youtube-player" id="youtubePlayer1" src="http://www.youtube.com/v/a5uiSVSQB3U&fs=1&playerapiid=youtubePlayer1&version=3&wmode=transparent&origin=http://lauramercier.com&modestbranding=1" frameBorder="0" style="padding-top: 5px; position: relative; z-index: 1;" type="text/html"></iframe>

哦,虽然'var tag'和'tag.src'的内容被注释掉了,但我也尝试过这样做,如果我只是键入整个字符串似乎并不重要:

<script type="text/javascript" src="http://www.youtube.com/player_api"></script>

另一个哦。。。我也尝试了“swfobject.embedSWF”的方式(在我用谷歌代码中的一个重写了我们旧的swfobject.js之后),但是按钮做了同样的事情

也许有些矛盾

任何帮助都将不胜感激


谢谢

在玩了一整天这三个API之后,我发现了每一个API的问题:

Flash API:需要的最小宽度为240px(根据我上面的评论)。多亏了布莱恩·迪基

JavaScript API:虽然我在标记中添加了allowfullscreen=“true”,但我缺少对象参数:

iFrame API:这花费了最长的时间,解决了iFrame和JavaScript API的问题。在我找到解决方案之后,我就能够找到了。基本上,我是使用[youtube.com/v/videoID](AS3和AS2播放器)链接视频的,而IE(和其他人)似乎只能使用[youtube.com/embed/videoID](HTML5播放器)——至少是我实现它们的方式

其他浏览器没有遇到同样问题的唯一原因是,在开发过程中的某个时候,我发现需要(可能是因为我没有正确实现wmode)使用IE注释分别调用IFrame。我一定是从一个不同的示例页面获得了youtube.com/v/链接,但我没有看到区别

现在我看到了这一点,我也确定了/v/link在我的实现中在任何浏览器中都不起作用,因此它们都需要是/embed/我还没有看到使用IE注释进行拆分的任何其他原因


我还看到了一些页面上的youtube.com/e/链接,但这对我的实现也不起作用。

我可以使用Flash API获得全屏,但必须将视频的最小宽度设置为240px才能看到全屏按钮。非常感谢Jeffrey Posnick确认了我自己的诊断:我不想这么说,但全屏按钮在最新的Chrome和Safari(webkit浏览器)中不起作用。如果您找到解决方案,请查看并让我知道+1用于扩展研究。谢谢@KDCinfo。设置“同时”对象参数和嵌入标记是通过YouTube JavaScript API启用全屏模式的关键。