blocks|key|435616|text|rel为播放器参数，具体如下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|435617|https://developers.google.com/youtube/player_parameters#rel|offset|length|435618|要将播放器参数添加到iframe播放器，您需要指定第二个构造函数参数的playerVars属性(在编写本文时，这是文档中的here，在IFrame+API+documentation+page上)|435619|例如：|435620|new+YT.Player('playerid',+{
++++height:+'550',
++++width:+'840',
++++videoID:+'video_id',
++++playerVars:+{rel:+0,+showinfo:+0,+ecver:+2}
});|code-block|syntax|javascript|435621|entityMap|0|LINK|mutability|MUTABLE|url|1|https://developers.google.com/youtube/player_parameters#Embedding_a_Player|2|https://developers.google.com/youtube/iframe_api_reference^0|0|0|1N|0|0|1P|4|1|1V|T|2|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|10|8|@]|9|@$D|11|E|12|1|13]]|A|$]]|$1|F|3|G|5|6|7|14|8|@]|9|@$D|15|E|16|1|17]|$D|18|E|19|1|1A]]|A|$]]|$1|H|3|I|5|6|7|1B|8|@]|9|@]|A|$]]|$1|J|3|K|5|L|7|1C|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|C]]|V|$5|R|S|T|A|$U|W]]|X|$5|R|S|T|A|$U|Y]]]]

"rel" is a player parameter, as specified here:

<a href="https://developers.google.com/youtube/player_parameters#rel" rel="noreferrer">https://developers.google.com/youtube/player_parameters#rel</a>

To add player parameters to iframe players, you need to specify the playerVars property of the second constructor argument (at the time of writing this is documented <a href="https://developers.google.com/youtube/player_parameters#Embedding_a_Player" rel="noreferrer">here</a>, and on the <a href="https://developers.google.com/youtube/iframe_api_reference" rel="noreferrer">IFrame API documentation page</a>)

e.g.

<pre><code>new YT.Player('playerid', {
 height: '550',
 width: '840',
 videoID: 'video_id',
 playerVars: {rel: 0, showinfo: 0, ecver: 2}
});
</code></pre>

blocks|key|217511|text|如果你使用的是SWFObject，你只需要这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|217512|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);
++++}|code-block|syntax|javascript|217513|只需在url的末尾添加rel=0即可。|offset|length|style|CODE|217514|entityMap^0|0|0|B|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

If you're using SWFObject, you simply need to do something like this:

<pre><code>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&amp;playerapiid=myvideo&amp;version=3&amp;rel=0"
 , "videoplaceholderid"
 , "768", "432", "8", null, null, params, atts);
 }
</code></pre>

Just add <code>rel=0</code> to the end of your url.

blocks|key|435684|text|不需要通过API编写代码，现在可以通过以下方式轻松完成|type|unstyled|depth|inlineStyleRanges|entityRanges|data|435685|You+tube+embed按钮->+Show+more+->勾选选项‘在视频结束时显示建议的视频’|435686|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

No need to code through the API,now its easily can be done by

You tube embed button -> Show more -> tickout the option 'Show suggested videos when the video finishes'

blocks|key|217603|text|被接受的解决方案对我不起作用。有效的方法是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|217604|1)将iframe放入包含rel参数的html中|217605|<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>|code-block|syntax|javascript|217606|2)使用javascript+API附加到现有播放器|217607|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");
}|217608|演示小提琴：http://jsfiddle.net/bf7zQ/195/|offset|length|217609|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/bf7zQ/195/^0|0|0|0|0|0|6|U|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|13|8|@]|9|@$O|14|P|15|1|16]]|A|$]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

The accepted solution was not working for me. What does work is: 

1) Putting the iframe in html that includes the rel parameter 

<pre><code>&lt;iframe id="youtube-video" width="560" height="315" 
 src="https://www.youtube.com/embed/M7lc1UVf-VE?enablejsapi=1&amp;rel=0&amp;modestbranding=1" 
 frameborder="0" enablejsapi="1" allowfullscreen&gt;&lt;/iframe&gt;
</code></pre>

2) Using the javascript API to attach to that existing player

<pre><code>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");
}
</code></pre>

demo fiddle: <a href="http://jsfiddle.net/bf7zQ/195/" rel="nofollow noreferrer">http://jsfiddle.net/bf7zQ/195/</a>

blocks|key|435763|text|以下是一个快速解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|435764|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]%2B'?rel=0&'%2BnewSrc[1];
++++++++++++++++console.log(freshURL);
++++++++++++++++$(this).addClass('gotYou');
++++++++++++++++$(this).attr('src',+freshURL+);+++++++++
++++++++++++}
++++++++});
++++}
},+1);|code-block|syntax|javascript|435765|它所做的就是在你的文档中查找iframe。如果它找到了iframe，它就会抓取iframe的源，找到?标记，然后用?rel=0&替换?。这里的目标是输出rel=0|offset|length|style|CODE|435766|entityMap^0|0|0|1E|1|1L|7|1U|1|24|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]|$I|X|J|Y|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|N|$]]

Here is a Quick solution:

<pre><code>setInterval(function(){
 if($('iframe').length &gt; 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&amp;'+newSrc[1];
 console.log(freshURL);
 $(this).addClass('gotYou');
 $(this).attr('src', freshURL ); 
 }
 });
 }
}, 1);
</code></pre>

What it does it, it looks for the iframe in your document. If it finds iframe, it grabs the src of the iframe, finds the <code>?</code> mark and then replaces <code>?</code> by <code>?rel=0&amp;</code> . Here the goal is to out <code>rel=0</code>

blocks|key|435776|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|435777|new+YT.Player('playerid',+{
++++height:+'550',
++++width:+'840',
++++videoID:+'video_id',
++++playerVars:+{rel:+0},
});|code-block|syntax|javascript|435778|435779|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|K|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|H|3|-4|5|6|7|M|8|@]|9|@]|A|$]]]|I|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>new YT.Player('playerid', {
 height: '550',
 width: '840',
 videoID: 'video_id',
 playerVars: {rel: 0},
});</code></pre>
</div>
</div>

Right, this seems to be poorly documented or I can't see it in the documentation. I basically want no related videos (<code>?rel=0</code>) using the JavaScript API.

<pre><code>$players[$vidIdPlaceholderRef] = new YT.Player('player_' + $vidIdPlaceholderRef, {
 height: '550',
 width: '840',
 videoId: $vidId
});
</code></pre>

is what I have in place.

I have also tried:

<pre><code>$players[$vidIdPlaceholderRef] = new YT.Player('player_' + $vidIdPlaceholderRef, {
 height: '550',
 width: '840',
 videoId: $vidId + '?rel=0',
 rel : 0
});
</code></pre>

with no luck. Does any one know of an option which can be added (tried <code>rel : 0</code> with no luck )

Youtube Javascript API - disable related videos

是的，这似乎没有很好的文档，或者我在文档中看不到它。我基本上不想使用JavaScript应用程序接口的相关视频(?rel=0)。$players[$vidIdPlaceholderRef] = new YT.Player('player_' + $vidIdPlaceholderRef, {    height: '5...

问Youtube Javascript API -禁用相关视频
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Youtube Javascript API -禁用相关视频EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Youtube Javascript API -禁用相关视频
EN