如何使用 IFrame API 嵌入“YouTube Gaming”视频?

Posted

技术标签:

【中文标题】如何使用 IFrame API 嵌入“YouTube Gaming”视频?【英文标题】:How do I embed a 'YouTube Gaming' video with the IFrame API? 【发布时间】: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,因为我希望视频自动静音播放。 【参考方案1】:

您不需要使用gaming.youtube.comwww.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
    
  );

【讨论】:

以上是关于如何使用 IFrame API 嵌入“YouTube Gaming”视频?的主要内容,如果未能解决你的问题,请参考以下文章

使用 HTML5 嵌入式视频与使用带有 YouTube 链接的 iframe 有啥区别?

如何使用 IFrame API 嵌入“YouTube Gaming”视频?

无法通过 api 调用 pauseVideo 访问 youtube 嵌入式 iframe

任天堂 3DS YouTube 嵌入支持?

如何使用 Youtube 的 HTML5 iframe API 设置 wmode=opaque?

iframe嵌入高德地图出现崩溃