如何使用 IFrame API 嵌入“YouTube Gaming”视频？答案

【问题标题】：How do I embed a 'YouTube Gaming' video with the IFrame API?如何使用 IFrame API 嵌入“YouTube Gaming”视频？
【发布时间】：2016-04-16 19:31:02
【问题描述】：

我想在我的网站上嵌入游戏直播并使用 JavaScript 播放。

使用YouTube IFrame Player API，我可以动态嵌入和控制 YouTube 视频。 YouTube Gaming 有 its own version of the player 链接到 games.youtube.com 而不是 www.youtube.com。但是没有提到如何让 API 使用它。

我尝试使用https://gaming.youtube.com/iframe_api，但它不存在。

如何使用 IFrame API 嵌入 YouTube 游戏视频？

【问题讨论】：

为什么你特别需要javascript？
我需要使用 JavaScript，因为我希望视频自动静音播放。

标签： javascript youtube-api youtube-iframe-api video-embedding

【解决方案1】：

您不需要使用gaming.youtube.com。 www.youtube.com 有效！

【讨论】：

这只是 IFrame API 的封装。我已经有了嵌入 YouTube 播放器的代码；我只需要让它使用 Gaming 版本（即使用<iframe src="https://gaming.youtube.com/embed/xxx" ...）。
您不需要使用 Gaming.youtube.com，因为 www.youtube.com 是一样的。试试看 :) 我已经编辑了我的答案
这是我目前的解决方案。是的，它有效。但是，YouTube 上的观看按钮链接到 www.youtube.com，它仍然具有旧外观。

【解决方案2】：

我将一个未记录的host 属性传递给构造函数。它似乎工作正常。

var player;
function onYouTubeIframeAPIReady() {
  player = new YT.Player('player', {
    height: '390',
    width: '640',
    host: "https://gaming.youtube.com",
    videoId: 'M7lc1UVf-VE',
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });
}

【讨论】：