javascript - 是否可以将 modestbranding 与 youtube-api 一起使用？

Question

我正在尝试使用 Youtube API 将视频加载到我的页面上。

Youtube 指定您可以通过将参数“&modestbranding=1”附加到嵌入 url 来启用“适度品牌化”(即删除 youtube Logo )。

我遇到的问题是新的 youtube API 使用 javascript 嵌入视频，例如:

  player = new YT.Player('player', {
    height: videoHeight,
    width: videoWidth,
    videoId: videoID,        
    events: {
      'onReady': onPlayerReady,
      'onStateChange': onPlayerStateChange
    }
  });

然后生成相关的 iframe 脚本，但是我希望能够在这些参数中指定适度的品牌。我尝试添加一个额外的参数:

modestbranding: 1

和

modestbranding: '1'

但似乎都没有任何效果。

我意识到一种选择是从最终呈现的脚本中获取嵌入 url，然后将参数附加到 src 上:

<iframe frameborder="0" allowfullscreen="" id="player" title="YouTube video player" height="368" width="640" src="http://www.youtube.com/embed/<id>?enablejsapi=1"></iframe>

但是我原以为 youtube 会以某种方式允许指定参数，而不必使用一些肮脏的 hack。

有人知道我该怎么做吗？

Answer 1

modestbranding 是一个播放器变量，因此应该添加 `playerVars' 属性。详细信息可以在开发人员文档中找到。 https://developers.google.com/youtube/iframe_api_reference

这是一个关于如何包含 modestedbranding 或其他播放器变量的示例。

player = new YT.Player('player', {
  playerVars: {
    modestbranding: true
  },
  height: videoHeight,
  width: videoWidth,
  videoId: videoID,        
  events: {
    'onReady': onPlayerReady,
    'onStateChange': onPlayerStateChange
  }
});