gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 14:49:55 43 4
gpt4 key购买 nike

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

这很可能很简单(不是总是这样吗?),但我就是找不到问题,也找不到对这个特定问题的任何引用。

我在给出示例 URL 时犹豫不决,因为我已经解决的一些问题在我解决这个问题之前不会被推送到生产中,但主要问题确实存在......所以,我的一个例子'可以在以下位置找到我的体验:

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'方式(在我用谷歌代码重写了我们旧的swfobject.js之后),但按钮做了同样的事情。

也许有些事情是矛盾的?

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

谢谢!

最佳答案

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

Flash API :需要 240 像素的最小宽度(根据我上面的评论)。感谢布赖恩·迪基 (Brian Dickey)。

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

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

其他浏览器没有遇到同样问题的唯一原因是,在开发过程中的某个时刻,我发现需要(可能是因为我没有正确实现 wmode)使用 IE 注释单独调用 iFrame。而且我一定是从与最初获得的示例页面不同的示例页面获得了 youtube.com/v/链接,并且没有看到差异。

既然我看到了这一点,我也已经确定/v/链接在任何浏览器中也不适用于我的实现,因此它们都需要/embed/我还没有看到任何其他理由使用IE评论。

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

关于iframe - YouTube iFrame API - 全屏按钮在 IE 中不起作用 - 单击后变为灰色(禁用),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8088500/

43 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com