是否可以与YouTube-API一起使用Modestbranding



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

YouTube指定您可以通过将参数'& modestbranding = 1'添加到嵌入URL。

我遇到的问题是,新的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会以某种方式指定参数,而不是必须使用一些肮脏的黑客。

有人知道我该怎么做?

modestbranding是玩家var,因此应使用``playervars''属性添加。详细信息可以在开发人员文档上找到。https://developers.google.com/youtube/iframe_api_reference

这是有关如何包括modestedbranding或其他玩家Vars的示例。

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

在某些测试之后

如果将ShowInfo设置为0,则即使仿真贴为True,也可以获得YouTube徽标。

看来没有办法完全清楚视频。

这将显示徽标,但不显示标题

    Youtubeplayer = new YT.Player('ytplayer', 
    {
        height: "100%",
        width: '100%',
        videoId: videoid,
        playerVars: {
            autoplay: 1, controls: 0, modestbranding: true, showinfo: 1
        },
        events: 
        {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });

这将显示标题,但不显示徽标

    Youtubeplayer = new YT.Player('ytplayer', 
    {
        height: "100%",
        width: '100%',
        videoId: videoid,
        playerVars: {
            autoplay: 1, controls: 0, modestbranding: true, showinfo: 0
        },
        events: 
        {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });

相关内容

  • 没有找到相关文章

最新更新