YouTube iFrame API - 全屏按钮在IE中不起作用 - 点击后变为灰色(禁用)

时间:2011-11-11 01:05:08

标签: iframe youtube youtube-api

我正在使用YouTube的iFrame API在网页中嵌入视频。除了IE之外,所有浏览器都能很好地工作。在IE中,用于查看全屏视频的按钮不起作用。你点击它就会变灰。

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

我在提供示例网址时犹豫不决因为我已经解决的一些问题在我能解决这个问题之前不会被推向生产,但主要问题确实在那里......所以,一个例子我正在经历的是:

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=1300008

另一个例子是(可能需要刷新几次 - 我已在本地修复的问题):

http://www.lauramercier.com/store/content/artistDetails.jsp?yt&itemId=5500264

第二个示例的示例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'方式(在我用Google代码覆盖旧版swfobject.js之后),但是按钮做了同样的事情。

也许有些事情存在冲突?

任何帮助都将非常感谢!!!

谢谢!

1 个答案:

答案 0 :(得分:7)

在整天玩完所有三个API之后,我发现了每个API的问题:

Flash API :所需的最小宽度为240px(根据我上面的评论)。 感谢Brian Dickey。

JavaScript API :虽然我在&lt; embed&gt;中添加了allowfullscreen =“true”标签,我错过了对象参数:&lt; param name =“allowFullScreen”value =“true”&gt;&lt; / param&gt;

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

其他浏览器没有遭遇同样事情的唯一原因是在开发过程中的某些时候我发现需要(可能是因为我没有正确实现wmode)使用IE注释分别调用iFrames。我必须从不同于最初的示例页面获得youtube.com/v/链接,并且没有看到差异。

既然我看到了这一点,我也确定/ v / link在任何浏览器中都不能用于我的实现,所以他们都需要/嵌入/我没有看到任何其他理由分裂使用IE评论。

我也在某些网页上看过youtube.com/e/链接,但这对我的实现也不起作用。