Remove branding and title link from embeded youtube video
Solution 1
Yes, YouTube says:
If you use the Embed-able Player on your website, you may not modify, build upon, or block
any portion or functionality of the Embed-able Player, including but not limited to links
back to the YouTube website.
So, don't try to use CSS tricks especially when you are an Adsense publisher.
Solution 2
I have managed to hide the title by providing a div (by applying css position:absolute) above iframe.
I have removed the YouTube logo by providing modestbranding=1.
<html>
<head>
</head>
<body>
<div style="background-color:black;height:30px;width:420px;position:absolute">
</div>
<div>
<iframe id="div1" allowfullscreen="" frameborder="0" height="315"
src="http://www.youtube.com/embed/8pjJ-Czqpps?modestbranding=1&rel=0&fs=0"
width="420">
</iframe>
</div>
</body>
</html>
Thanks..
Solution 3
youryoutubelink/.../?rel=0&fs=0&showinfo=0"
This removes Logo and Title at the same time. Modestbranding
doesn't work at the same time as showinfo
, it's either one or the other, hence the workaround.
Solution 4
Here is the best answer for your question.
<iframe width=”213″ height=”120″ src=”http://www.youtube.com/embed/nhP1d-NjFHQ?rel=0″ frameborder=”0″ allowfullscreen></iframe>
The highlighted section is what we will be adding to. All it takes is adding &showinfo=0 to the ened of the YouTube URL before the closing bracket. Note that “rel=0″ refers to showing related videos once your video has ended, so if it’s not there simply put your code snippet after a ‘?’ like you see preceding ‘rel=0′ Once you set showinfo to equal zero, you should get a nice, clean YouTube video right on your website. You’re embed code will then look like this:
<iframe width=”213″ height=”120″ src=”http://www.youtube.com/embed/nhP1d-NjFHQ?rel=0&showinfo=0″ frameborder=”0″ allowfullscreen></iframe>
The original article you found here.
Solution 5
I believe you can't get rid of both as it's against the Terms of Service anyways.
narayanan.L
Updated on July 05, 2022Comments
-
narayanan.L almost 2 years
Can anyone please suggest a way to remove link back to youtube and branding (watermark or logo) from embedded youtube video.
The below tag remove branding:
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/8pjJ-Czqpps?modestbranding=1&rel=0" width="420"></iframe>
The below tag remove title link:
<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed /8pjJ-Czqpps?showinfo=0" width="420"></iframe>
But cant able to make all together happening.
Please help.
-
heytricia about 7 yearsThis does not remove the logo.
-
Sandeep Pattanaik about 7 yearsYou can add ?modestbranding=1 to your url. That will remove the logo.
-
heytricia about 7 yearsYes, but they're mutually exclusive. You can't do both at the same time.