问题标签 [youtube-iframe-api]

使用 YouTube iframe 嵌入播放器，有没有办法以编程方式触发全屏？我想删除默认控件（使用控件 = 0），但随后能够自行创建自定义全屏按钮。

我正在尝试使用以下代码嵌入 YouTube 视频：

虽然它工作正常，但它在控制台中给出了这个错误：

Chrome 版本 22.0.1229.94：

不安全的 JavaScript 尝试从 URL http://www.youtube.com/embed/8vJwFvFi4ZY?wmode=transparent的框架访问具有 URL http://example.com/
的框架。 域、协议和端口必须匹配。

火狐 17.0 版：

错误：访问属性“toString”的权限被拒绝

我四处搜索，但我发现这可能是 YouTube 的问题，他们应该解决它，

问题是：我怎样才能摆脱这个错误？（无论如何，甚至通过压制它。）

更多的是“答案”而不是“问题”，但在其他地方没有找到这个我把它贴在这里。

我在所有版本的 IE 和 Firefox 中初始化 iFrame API 时都遇到了困难，并且有一些自定义的实现。基本上，它会加载 API，但不会创建播放器对象。

经过一番反复试验，我终于发现它不起作用，因为div我传递给对象的 ID 将其 CSS 可见性设置为'none'. 一旦它被设置为'visible'整个事情工作。之后，我尝试将divCSS 设置为'display:none'（应用程序要求在用户请求之前隐藏视频），这也导致 iFrame API 静默失败（从不回调'onPlayerReady'）。

因此，长话短说，当使用 YouTube iFrame API 初始化一个div您希望稍后保持隐藏的内容时，请使用绝对定位等 CSS 技术将其推离屏幕，直到您以后需要它为止。此外，发现一旦播放器对象被初始化'onPlayerReady'并被调用，您就可以整天打开和关闭显示，一切仍将按预期工作。

当我在 HTML5 模式下使用 iframe api 将 youtube 嵌入 HTTPS 页面时，它仍然使用 HTTP 提取实际流，这会生成混合内容警告。是否正确支持此用例？

我从 2011 年发现这个讨论表明它不是。但是，我只是尝试使用 HTTPS 访问 CDN 服务器，它可以工作 - 有点 - 但它返回错误的证书（google.com 而不是 youtube.com 的东西）。

有没有人设法使用 HTML5 中的 IFRAME API 在 HTTPS 页面上嵌入视频而不会触发混合内容警告（即 Chrome 中带有黄色警告标志的锁）？

谢谢

我在用

这将删除右侧底部的“Youtube”徽标。并且还删除了悬停时出现的“标题栏”。

但在这个问题中，当我将鼠标悬停在视频上时，然后在右侧底部“Youtube”缩略图/文本后面出现，当我移开鼠标时，它就会消失。

当我使用“autohide=1”时，控制栏会被隐藏，并且在右下角悬停时会显示一个“Youtube”图标/图像/徽标。我在用

这个。有了这个，我可以从控制栏中删除/隐藏标题栏和徽标，但是在右下角，悬停时屏幕上出现了另一个徽标，我应该使用哪个参数来隐藏它？

我正在尝试隐藏 YouTube 视频播放器 (api) 中的按钮。我用了

这成功隐藏了全屏按钮，但我没有找到隐藏控制按钮的方法——该按钮可以转到 YouTube 应用程序。

我尝试使用

这隐藏了所有按钮，但也改变了进度条，但我需要旧的进度条。

有什么帮助吗？

我有一个这样的功能：

加载的脚本需要一个名为onYouTubeIframeAPIReady. 如何在上述函数中创建此函数，以便全局访问。

使用 iFrame API 创建的 YouTube iFrame 播放器现在在 IE 8、9、10 中被破坏 - 尽管我这边的代码都没有改变。其他嵌入似乎也存在问题。

例如，此 YouTube 演示不适用于 IE： https ://developers.google.com/youtube/youtube_player_demo

视频播放几秒钟，然后切换到高清，然后出错。

任何解决方案将不胜感激。

我在我的网站上嵌入了 youtube 剪辑（使用 iframe API），在移动设备上观看时出现了一个烦人的问题。对于大多数剪辑，我设置了开始和结束参数。我可以看到设备上的剪辑加载正常，标记甚至跳到开始位置，但是（并且仅在某些视频上）我得到的只是微调器无限运行而不播放剪辑。我尝试暂停并再次播放，我注意到如果我这样做的时间足够长，播放器会生气，跳到剪辑的开头，然后播放没有问题（所以我知道没有任何限制或任何东西）。

可以在这里看到一个例子：http ://www.playbuzz.com/shayc/cover-versions-whos-track-is-this-originally 这个网址在桌面和移动设备上都可用，我只有在移动设备上才有问题。

有什么办法可以解决这个问题吗？

http://jsfiddle.net/y2Y5k/ I'm trying to make a simple youtube player with the javascript API and I'm doing something wrong.

In that fiddle, Im just using the exact code snippets from the documentation provided by google.

I loaded the api as a source.

I placed a div with the id 'player'.

What did I do wrong here?