Sometimes unchecking the box that says \u201callow advertisements to be displayed alongside my videos\u201d is not enough for actually getting rid of ads accompanying a YouTube video. This becomes a real problem when the ads are showing up on your own website. The fact that Youtube continuously updates its website navigation and settings makes it challenging to find relevant information online to solve this issue. We prepared a couple of solutions that will work for you at all times and most likely never expire. <\/p>\n You can work around this using the YouTube Player API to show custom HTML instead of related videos. Here is a simple code that displays a \u201creplay\u201d button over the video once it completes, hiding the related videos:<\/p>\n <style> Also, it is possible to make the video stop before it ends so the ads don\u2019t show up.
\nIf you\u2019ve spent some time searching already you probably are familiar with the trick \u201crel=0\u201d, \u201c&rel=0\u201d or \u201c?rel=0\u201d. Unfortunately, none of those will help you to get rid of ads unless you\u2019re signed in on Youtube. This change happened quite recently (September 2018) so not many people heard about the change yet and are spending time on researching why this doesn’t work after inserting it into their code or URL. Here’s how to hide youtube related videos!<\/em><\/p>\nHow to Disable Youtube Related Videos with a Code or Plugin<\/h3>\n
\n#playerWrap {
\ndisplay: inline-block; position: relative;
\n#playerWrap. shown::after {
\ncontent:””; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; background-color: black; background-repeat: no-repeat; background-position: center; background-size: 64px 64px;
\nbackground-image: url(data:image\/svg+xml;utf8;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9;
\n<\/style> <div> <div id=”playerWrap”> <iframe
\nwidth=”640″ height=”360″ src=”https:\/\/www.youtube.com\/embed\/OsDg2h3M1RE?enablej sapi=1″
\nframeborder=”0″ ><\/iframe> <\/div> <\/div> <script>
\nvar playerFrame = document.currentScript.previous Element Sibling.children [0].children [0];
\nvar tag = document.createElement(‘script’); tag.src = “https:\/\/www.youtube.com\/iframe_api”; var firstScriptTag = document.getElementsByTagName(‘script’)[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
\nvar player; function on YouTubeIframeAPIReady () { player = new YT.Player(playerFrame, {
\nvideoId: ‘M71c1UV-VE’, events: {
\n‘onStateChange’: onPlayerStateChange
\n});
\nfunction onPlayerStateChange (event) { if (event.data == YT.PlayerState. ENDED) {
\ndocument.getElementById(“playerWrap”).classList.add(“shown”);
\ndocument.getElementById(“playerWrap”).addEventListener(“click”, function() {
\nplayer.seekTo(0);
\ndocument.getElementById(“playerWrap”).classList.remove(“shown”); })
\n; <\/script><\/p>\n
\nHowever, there is an easier way – plugins. Unfortunately, their usefulness can expire and you can\u2019t always rely on them but who cares if it works? Here is a link to one that is simple and easy to install:<\/p>\n