How to remove related video from YouTube embedded Iframe code in html?
I am facing one issue, When I am using youtube embedded code with its given iframe then it is showing related video and I want to hide that related video bar from iframe?
So is there any way to hide that related videos?
See my below image and code :
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&controls=0&disablekb=1&fs=0&modestbranding=1&iv_load_policy=3";
frameborder="0"
allowfullscreen>
Also, I have used below code as well. but it is still showing more video links.
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?rel=0";
frameborder="0"
allowfullscreen>
javascript iframe youtube
add a comment |
I am facing one issue, When I am using youtube embedded code with its given iframe then it is showing related video and I want to hide that related video bar from iframe?
So is there any way to hide that related videos?
See my below image and code :
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&controls=0&disablekb=1&fs=0&modestbranding=1&iv_load_policy=3";
frameborder="0"
allowfullscreen>
Also, I have used below code as well. but it is still showing more video links.
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?rel=0";
frameborder="0"
allowfullscreen>
javascript iframe youtube
Possible duplicate of Youtube Javascript API - disable related videos
– Shan Eapen Koshy
Nov 27 '18 at 14:27
no it's not the same, related video's are in the end. More video's are when you pause the content
– Ewald Bos
Mar 18 at 12:31
add a comment |
I am facing one issue, When I am using youtube embedded code with its given iframe then it is showing related video and I want to hide that related video bar from iframe?
So is there any way to hide that related videos?
See my below image and code :
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&controls=0&disablekb=1&fs=0&modestbranding=1&iv_load_policy=3";
frameborder="0"
allowfullscreen>
Also, I have used below code as well. but it is still showing more video links.
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?rel=0";
frameborder="0"
allowfullscreen>
javascript iframe youtube
I am facing one issue, When I am using youtube embedded code with its given iframe then it is showing related video and I want to hide that related video bar from iframe?
So is there any way to hide that related videos?
See my below image and code :
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?autoplay=1&controls=0&disablekb=1&fs=0&modestbranding=1&iv_load_policy=3";
frameborder="0"
allowfullscreen>
Also, I have used below code as well. but it is still showing more video links.
<iframe
id="ytplayer"
type="text/html"
width="720"
height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?rel=0";
frameborder="0"
allowfullscreen>
javascript iframe youtube
javascript iframe youtube
edited Nov 28 '18 at 5:02
TrickStar
asked Nov 26 '18 at 12:06
TrickStarTrickStar
12212
12212
Possible duplicate of Youtube Javascript API - disable related videos
– Shan Eapen Koshy
Nov 27 '18 at 14:27
no it's not the same, related video's are in the end. More video's are when you pause the content
– Ewald Bos
Mar 18 at 12:31
add a comment |
Possible duplicate of Youtube Javascript API - disable related videos
– Shan Eapen Koshy
Nov 27 '18 at 14:27
no it's not the same, related video's are in the end. More video's are when you pause the content
– Ewald Bos
Mar 18 at 12:31
Possible duplicate of Youtube Javascript API - disable related videos
– Shan Eapen Koshy
Nov 27 '18 at 14:27
Possible duplicate of Youtube Javascript API - disable related videos
– Shan Eapen Koshy
Nov 27 '18 at 14:27
no it's not the same, related video's are in the end. More video's are when you pause the content
– Ewald Bos
Mar 18 at 12:31
no it's not the same, related video's are in the end. More video's are when you pause the content
– Ewald Bos
Mar 18 at 12:31
add a comment |
2 Answers
2
active
oldest
votes
You have to use '?' when adding parameters to the url. Update the src with following
"https://www.youtube.com/embed/M7lc1UVf-VE?rel=0"
still showing more video links.
– TrickStar
Nov 26 '18 at 12:28
2
Disabling related videos isn't possible anymore as the behaviour of "rel" has changed since September 25th 2018. Setting "rel=0" will load related videos from the same channel as that of the video. developers.google.com/youtube/player_parameters#rel
– Shan Eapen Koshy
Nov 27 '18 at 14:26
any solution there
– Muneem Habib
Feb 21 at 8:33
add a comment |
you can hide it with css by using
.html5-endscreen{
display: none !important;
}
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53480762%2fhow-to-remove-related-video-from-youtube-embedded-iframe-code-in-html%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You have to use '?' when adding parameters to the url. Update the src with following
"https://www.youtube.com/embed/M7lc1UVf-VE?rel=0"
still showing more video links.
– TrickStar
Nov 26 '18 at 12:28
2
Disabling related videos isn't possible anymore as the behaviour of "rel" has changed since September 25th 2018. Setting "rel=0" will load related videos from the same channel as that of the video. developers.google.com/youtube/player_parameters#rel
– Shan Eapen Koshy
Nov 27 '18 at 14:26
any solution there
– Muneem Habib
Feb 21 at 8:33
add a comment |
You have to use '?' when adding parameters to the url. Update the src with following
"https://www.youtube.com/embed/M7lc1UVf-VE?rel=0"
still showing more video links.
– TrickStar
Nov 26 '18 at 12:28
2
Disabling related videos isn't possible anymore as the behaviour of "rel" has changed since September 25th 2018. Setting "rel=0" will load related videos from the same channel as that of the video. developers.google.com/youtube/player_parameters#rel
– Shan Eapen Koshy
Nov 27 '18 at 14:26
any solution there
– Muneem Habib
Feb 21 at 8:33
add a comment |
You have to use '?' when adding parameters to the url. Update the src with following
"https://www.youtube.com/embed/M7lc1UVf-VE?rel=0"
You have to use '?' when adding parameters to the url. Update the src with following
"https://www.youtube.com/embed/M7lc1UVf-VE?rel=0"
answered Nov 26 '18 at 12:22
montu48montu48
2615
2615
still showing more video links.
– TrickStar
Nov 26 '18 at 12:28
2
Disabling related videos isn't possible anymore as the behaviour of "rel" has changed since September 25th 2018. Setting "rel=0" will load related videos from the same channel as that of the video. developers.google.com/youtube/player_parameters#rel
– Shan Eapen Koshy
Nov 27 '18 at 14:26
any solution there
– Muneem Habib
Feb 21 at 8:33
add a comment |
still showing more video links.
– TrickStar
Nov 26 '18 at 12:28
2
Disabling related videos isn't possible anymore as the behaviour of "rel" has changed since September 25th 2018. Setting "rel=0" will load related videos from the same channel as that of the video. developers.google.com/youtube/player_parameters#rel
– Shan Eapen Koshy
Nov 27 '18 at 14:26
any solution there
– Muneem Habib
Feb 21 at 8:33
still showing more video links.
– TrickStar
Nov 26 '18 at 12:28
still showing more video links.
– TrickStar
Nov 26 '18 at 12:28
2
2
Disabling related videos isn't possible anymore as the behaviour of "rel" has changed since September 25th 2018. Setting "rel=0" will load related videos from the same channel as that of the video. developers.google.com/youtube/player_parameters#rel
– Shan Eapen Koshy
Nov 27 '18 at 14:26
Disabling related videos isn't possible anymore as the behaviour of "rel" has changed since September 25th 2018. Setting "rel=0" will load related videos from the same channel as that of the video. developers.google.com/youtube/player_parameters#rel
– Shan Eapen Koshy
Nov 27 '18 at 14:26
any solution there
– Muneem Habib
Feb 21 at 8:33
any solution there
– Muneem Habib
Feb 21 at 8:33
add a comment |
you can hide it with css by using
.html5-endscreen{
display: none !important;
}
add a comment |
you can hide it with css by using
.html5-endscreen{
display: none !important;
}
add a comment |
you can hide it with css by using
.html5-endscreen{
display: none !important;
}
you can hide it with css by using
.html5-endscreen{
display: none !important;
}
answered Dec 22 '18 at 9:50
Umair MehmoodUmair Mehmood
196116
196116
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53480762%2fhow-to-remove-related-video-from-youtube-embedded-iframe-code-in-html%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Possible duplicate of Youtube Javascript API - disable related videos
– Shan Eapen Koshy
Nov 27 '18 at 14:27
no it's not the same, related video's are in the end. More video's are when you pause the content
– Ewald Bos
Mar 18 at 12:31