是的，这似乎记录得很差，或者我在文档中看不到它。我基本上不希望?rel=0使用 JavaScript API 的相关视频 ()。
$players[$vidIdPlaceholderRef] = new YT.Player('player_' + $vidIdPlaceholderRef, {
height: '550',
width: '840',
videoId: $vidId
});
是我所拥有的。
我也试过：
$players[$vidIdPlaceholderRef] = new YT.Player('player_' + $vidIdPlaceholderRef, {
height: '550',
width: '840',
videoId: $vidId + '?rel=0',
rel : 0
});
没有运气。有谁知道可以添加的选项（尝试rel : 0但没有运气）
“rel”是一个播放器参数，如下所示：
https://developers.google.com/youtube/player_parameters#rel
要将播放器参数添加到 iframe 播放器，您需要指定第二个构造函数参数的 playerVars 属性（在撰写本文时，此处已记录，并且在IFrame API 文档页面上）
例如
new YT.Player('playerid', {
height: '550',
width: '840',
videoID: 'video_id',
playerVars: {rel: 0, showinfo: 0, ecver: 2}
});
rel player 参数的行为已更改。
从文档中，
rel 参数的行为在 2018 年 9 月 25 日或之后发生更改。更改的影响是您将无法禁用相关视频。但是，您可以选择指定播放器中显示的相关视频应来自与刚刚播放的视频相同的频道
因此，不再可能禁用相关视频。而是playerVars: {rel:0}会改变玩家的行为并显示来自指定频道的建议。
您可以在两个位置获得相关视频：在带有网格的视频末尾，以及在视频底部暂停时。我已经找到了一种在最后删除它们的方法，并使底部的那些至少对大多数企业来说是可以忍受的。
为避免在视频末尾显示相关视频，我只是停止了视频，使其返回显示缩略图和播放按钮：
var player = new YT.Player('player', {
height: '390',
width: '640',
events: {
'onStateChange': function(event){
switch(event.data){
// Stop the video on ending so recommended videos don't pop up
case 0: // ended
player.stopVideo();
break;
case -1: // unstarted
case 1: // playing
case 2: // paused
case 3: // buffering
case 5: // video cued
default:
break;
}
}
}
});
您也可以替换player.stopVideo();为您想要运行的任何其他代码。
IFrame Player API：YouTube 嵌入式播放器和播放器参数
rel=0不再避免显示任何相关视频；现在，它仍会显示相关视频，但至少它们只会来自您的频道。这在 2018 年 9 月 25 日左右的某个时间发生了变化（文档）。
通过playerVars在 YT.Player 中设置，我们至少可以让相关视频只显示我们频道的视频。文档不清楚您必须playerVars设置为对象，但您可以像这样设置它：
var player = new YT.Player('player', {
...
playerVars:{
rel: 0
modestbranding: 1, // If you're trying to remove branding I figure this is helpful to mention as well; removes the YouTube logo from the bottom controls of the player
// color: 'white', // Can't have this and modestbranding active simultaneously (just a note in case you run into this)
},
...
});
如果我有时间，我可能会更多地研究它，但这里可能有答案：
我们可以轻松地访问 iframe 对象，但我们不能对它做任何事情：IFrame Player API：访问和修改 DOM 节点。似乎因为我们要从 YouTube 编辑 iframe，所以存在安全问题（不管我们实际在做什么）。理想情况下，我可以使用 删除“更多视频”文本player.getIframe().contentWindow.document.querySelector('.ytp-pause-overlay.ytp-scroll-min').remove()，但是当我运行时player.getIframe().contentWindow.document出现错误SecurityError: Permission denied to access property "document" on cross-origin object。
但playerVars也有一个origin值可以让我们访问 iframe 的对象：
var player = new YT.Player('player', {
...
playerVars:{
origin: 'https://mywebsite.com'
},
...
});
它不适用于 localhost，但这可能是 Chromium 和 Firefox 的事情。也许这在现场网站上是一个合法的选择；当/如果我尝试让你知道我是否成功时，我会更新这篇文章。
接受的解决方案对我不起作用。起作用的是：
1) 将 iframe 放入包含 rel 参数的 html 中
<iframe id="youtube-video" width="560" height="315"
src="https://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&rel=0&modestbranding=1"
frameborder="0" enablejsapi="1" allowfullscreen></iframe>
2) 使用 javascript API 附加到该现有播放器
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('youtube-video', {
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
console.log("ready");
}
function onPlayerStateChange(event) {
console.log("state changed");
}
演示小提琴：http: //jsfiddle.net/bf7zQ/195/
如果您使用的是 SWFObject，则只需执行以下操作：
function loadVideo() {
var params = { allowScriptAccess: "always" }
, atts = { id: "myvideo" }
;
//NOTE THE END OF THE BELOW LINE vvvvvv
swfobject.embedSWF("https://www.youtube.com/v/[video id here]?enablejsapi=1&playerapiid=myvideo&version=3&rel=0"
, "videoplaceholderid"
, "768", "432", "8", null, null, params, atts);
}
只需添加rel=0到您的网址的末尾。
无需通过 API 编写代码，现在可以轻松完成
你管嵌入按钮 - >显示更多 - >勾选选项“视频结束时显示建议的视频”
这是一个快速解决方案：
setInterval(function(){
if($('iframe').length > 0){
$('iframe').each(function(){
if($(this).hasClass('gotYou')){
//do nothing
}else{
var getMySrc = $(this).attr('src');
var newSrc = getMySrc.split('?');
console.log(newSrc);
var freshURL = newSrc[0]+'?rel=0&'+newSrc[1];
console.log(freshURL);
$(this).addClass('gotYou');
$(this).attr('src', freshURL );
}
});
}
}, 1);
它的作用是在您的文档中查找 iframe。如果找到 iframe，它会抓取 iframe 的 src，找到?标记然后替换?为?rel=0&。这里的目标是出去rel=0
new YT.Player('playerid', {
height: '550',
width: '840',
videoID: 'video_id',
playerVars: {rel: 0},
});