我正在尝试使用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
}
});