YouTube Icon

How do I stop my embedded YouTube video from showing related videos?

Posted on

There is nothing more annoying, when trying to promote your product or service, than inadvertently advertising a competitor or having the shine taken off your presentation by having a bunch of completely unrelated “suggestions” being flung at your viewer to distract them and send them off on a tangent, and away from your site, when using YouTube’s video embedding service.

We’ve used YouTube to host videos; it’s fast, uses their bandwidth, creates another advertising source via the YouTube website and is supported in the majority of browsers. The biggest problem is that they insist on showing related videos at the end of the video clip you’re showing.

Fortunately, as of the time of writing this, there is a way to stop this behaviour. It’s really very simple and we’re going tell you how.

When you embed a video on your website YouTube will give you some code, for example:

<iframe width="560" height="315" src="//www.youtube.com/embed/oTr-G6F1XTc"
frameborder="0" allowfullscreen>

 

This is what you include in your website where you want the video to appear. The solution to stop the related videos from appearing at the end of your video is simple, just append ?rel=0 at the end of the video URL like so:

<iframe width="560" height="315" src="//www.youtube.com/embed/oTr-G6F1XTc?rel=0"
frameborder="0" allowfullscreen>

 

And there we have it, no more related videos at the end of yours.

This entry was posted in Web Development. Bookmark the permalink.

16 Responses to How do I stop my embedded YouTube video from showing related videos?

  1. Steve says:

    I and another person have tried this fix and it does not seem to work. We still see optional videos at the end of the embedded video

    • WebMe says:

      Strange, it definitely works for us where we’ve used it. I’ve just checked. I’ll see if I can embed a clip into the original blog post to show people what happens. All I can suggest is check your HTML.

  2. Cliff Rosa says:

    I use that code all the time and tell my clients to as well. It definitely works! 🙂

  3. Michael Ming says:

    I’m having the same problem. Even with the rel=”0″ the nuisances are still there. With auto play added the addition appears to interfere and I don’t have auto start as I did without it.
    Something not quite right here.

    Michael J Ming

  4. Michael Ming says:

    FOUND THE ERROR! A simple typo appears to have been the culprit. The added code must be &rel=0 not rel=0. I also added auto play (autoplay=1&rel=0) and it all works 100% on the auto start and no annoying videos at the end,just the opening thumbnail image. Perfect!
    Michael j Ming

  5. Fiona says:

    Really helpful tip, thanks for sharing!

  6. Kelvin says:

    Doesn’t work for me either.

  7. Mike Cuggy says:

    It worked a treat. Thank you. I used a ? (as you did) before the rel=0

  8. thalien says:

    i tried &rel=0 and ?rel=0 neither of them work.

  9. Michael Ming says:

    I’ve tried both and it does seem inconsistent with YouTube. My surefire way of eliminating ALL non-relevant ads is to download the video and upload back onto YouTube as unlisted. I recommend this downloader- it instantly downloads YouTube videos.
    http://keepvid.com/

  10. Brandon says:

    It will work with either ?rel=0 or &rel=0 depending on your url structure. Whats happening is called a url query string. The url query string begins after the url location, denoted by a ? if you don’t see a ? in your url, then you use ?rel=0. Otherwise you already have the query string in there because you set some additional parameters for your video, such as autoplay. In that case, you will append the query string with &rel=0 in this case, the & is a delimiter to separate queries. Here is an example:
    https://www.youtube.com/embed/M4XPiFN8784?rel=0

    OR

    https://www.youtube.com/embed/M4XPiFN8784?autoplay=true&rel=0

    Do you see the difference?

  11. Michael Ming says:

    Thanks for that- I will try again. Meanwhile an alternate solution I have discovered is to upload the video onto our hosting server and use an i-framer to finish the job just like on my example above.

  12. Bobby says:

    Apparently you don’t need to change it on the embed code level, there is a “show more” button under the embed shared section of the video:

  13. Steve Hudson says:

    Thanks for the article ….. I have just put the code on one of my sites and it worked Thanks again
    Steve

Leave a Reply to Michael Ming Cancel reply

Your email address will not be published. Required fields are marked *