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

Question

我正在使用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之后),但按钮做了同样的事情.

也许有些事情是冲突的？

任何帮助将不胜感激!!!

谢谢!

Answer 1

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

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

JavaScript API:虽然我在<embed>标签中添加了allowfullscreen ="true",但我错过了对象参数:<param name ="allowFullScreen"value ="true"> </ param>

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

唯一的原因,其他浏览器没有遭受同样的事情是,在发展过程中某些时候,我发现了一个需要(可能是由于我的不执行正确的wmode)来调用单独使用IE意见I帧.我必须从不同于最初的示例页面获得youtube.com/v/链接,并且没有看到差异.

现在我看到了这一点,我还建立了/ v/link在我的实现的任何浏览器中都不起作用,所以他们都需要/嵌入/我没有看到任何其他理由分开使用IE评论.

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