How To Hide Related YouTube Videos In Divi Tutorial by Pee-Aye Creative

How To Hide Related YouTube Videos In Divi

Here is a quick Divi tutorial showing you how to easily hide and disable YouTube related videos in your Divi video module.

How To Hide Related YouTube Video Suggestions In Divi

Step 1

Add a class to your video modules where you want to hide the related YouTube videos.

Go the Video Module settings>Advanced tab>CSS Classes & IDs toggle>and paste “pa-hide-related-videos” into the CSS Class field.

Step 2

Add the follow code snippet to the Divi>Theme Options>Integrations>Add code to the < head > of your blog

<script>
jQuery(document).ready(function($ ) {
// add '&rel=0' to end of all YouTube video URL's
// to prevent displaying related videos
$('.pa-hide-related-videos iframe').attr( "src", function( i, val ) {
return val + '&rel=0';
});
});
</script>

Make It Global Sitewide

If you want this to take effect in any Video Module on your site then it’s easier to target them all at once. This eliminates the need to add the CSS class from step 1.

<script>
jQuery(document).ready(function($ ) {
// add '&rel=0' to end of all YouTube video URL's
// to prevent displaying related videos
$('.et_pb_video iframe').attr( "src", function( i, val ) {
return val + '&rel=0';
});
});
</script>

You Did It! Good job!

Nice job, you have just edited the YouTube embed link with jQery, which is a type of code that edits things like HTML. But that’s the boring part, the best part is that you now can use the Divi Video Module without worrying about it showing other people’s videos.

44

Last updated Jan 3, 2021 @ 1:14 pm

Please share this post!

Nelson Lee Miller (aka The Divi Teacher)

Nelson is the owner of Pee-Aye Creative in the beautiful state of Pennsylvania. He loves helping small businesses, exploring outdoors, building websites with Divi, and teaching others.

Leave A Response!

By commenting you agree to our Blog & YouTube Comments Policy

80 Comments

  1. Olga

    This doesn’t seem to work

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Hi Olga,
      It does work for me and you can even test it on this very page. Which method did you use? Could you send me the link so I can see what is going on?

      Reply
  2. Asit

    FYI, the global one doesn’t work.

    Reply
  3. Maciej

    Great tutorial! Love it 🙂 Many people may not use Divi Video Module on their websites, but still very useful for those who use it.

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Thanks Maciej,
      I like it for the blog posts, but not everyone uses the builder for blog posts (yet). I sometimes people will use this on an About page or in courses as well.

      Reply
  4. Cliff

    Global one works for me – brilliant thanks for the share!

    Reply
  5. Elisandro Borges

    Great solution, Nelson! It worked for me! Love it. You are always bringing great ideas to us. Thank you so much! 🙂

    Reply
      • Elisandro Fernandes Borges

        Another great tutorial would be “How to stop videos from playing simultaneously”. Have a nice week. 🙂

  6. Frederick D.

    Nelson,

    Great work on this post. Seriously. The global version worked very well for me and a client website. The plugin I was using showed up on Wordfence as having been withdrawn from WordPress.org due to changes by YouTube. I almost purchased a plug-in, for $5/month on one site, until I dug a little deeper and found your most excellent post.

    Your analysis of the misinformation on Facebook is spot on. I’m glad I took some extra time to dig deeper and find your post.

    Thank you and please keep the Divi posts coming!

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Hey Frederick,
      Thank you so much for your comments! I’m very happy you found this. I will certainly keep them coming and have lots planned and scheduled! Let me know if you have suggestions!

      Reply
  7. Dan Palmer

    You are a legend I love you thanks for making the effort.

    Reply
  8. Lisa Roberts

    I just used the global one, and it definitely took off the random related videos and I am very happy with that! I tried all sorts of techniques I found from various articles and nothing worked. Like you said, showing your own channel’s related videos is better than random videos based on the user’s search history. Thank you so much!!

    Reply
  9. Meg

    Thank you. Is there something I can add on to this to auto play the video?

    Reply
      • Meg

        Thanks but no, that didn’t work. I was thinking it could be added into the jquery script somehow?

  10. Guillermo

    Hello. Its working fine with global and individual methods. I have been able to hide related YouTube video suggestions but am not able to hide related video channels. Is this possible? Thanks very much. And very good job!

    Reply
      • Guillermo

        Hi. Thanks for your answer. Sorry, my English is not very good. But if you can watch any video on this page https://www.claune.com/audiovisuales/ you understand me. I want to hide the last image. Thanks

  11. Barrie Simpson

    Hello Nelson,

    Can’t get this to work on either version of the jQuery. I have left the first jQuery code in place on the page – https://jackadamsauthor.com/the-lambeth-walk/

    If you could take a look at this for me it would be much appreciated.

    Many thanks,

    Barrie

    Reply
  12. Kelly

    This is great — does it only work on video modules? ie, if I inserted a insert media-> YT url in the text module, would it work? Or could I put the &rel=0 at the end of the video URL? I don’t use the video module as much. Thanks for this tip!

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Hi Kelly,
      I think you are referring to an embed code. I haven’t tried that, but I would use a code module, not a text module. It should work, but I really can’t say without trying it.

      Reply
  13. darryl

    Well done! works like a charm…….
    QUESTION, i prefer to use the native video format post if i can because it allows the video to be played in the post preview mode. Meaning that when i use the blog module in a page that features multiple video posts the video can be played right there along with its truncated text instead of having to open the post itself.

    any thoughts? the site i’m doing this on is http://www.sandpoint.tv

    Reply
  14. Sigi

    Great job. This worked fine on my website. Now the same for the Divi Video Slider please ;-). Kidding. Your help is very appreciated.

    Reply
      • Ayush

        I tried using the class and corresponding code for Divi Video Slider, at the end it shows me only my channel’s own videos and not any other random videos. Is this the desired behavior that this code is supposed to do? I was wondering if all the videos could be removed.

        Either way! This is better than the random videos, thank you!

      • Nelson Lee Miller (aka The Divi Teacher)

        Hi Ayush,
        Yes, this is the best we can do due to YouTube’s limitations. In the past we could remove them completely, but now the best we can do is show videos from your own channel.

  15. Anna

    Worked perfectly! Thank you so much, Nelson. 🙂

    Reply
  16. Aniket Joshi

    Does this work for the code module?

    Reply
      • Aniket Joshi

        pa-hide-related-videos: this class i have used in code module as I embedded video code in code module. i am facing problem in video module. Is code work for video module only?

  17. Taisa

    Just tried with the global method for Gutenberg with the wp-block-embed-youtube class and it didn’t work 🙁 I checked that the script loaded on the code. Shouldn’t it work too? It would be awesome!! 🙂 I will try the divi version when I can.

    Reply
  18. Ross

    Have just tied both methods and get mixed results play the video one and it end and shows the graphic I set. play it again and it puts up adds for other completely irrelevant videos.
    Try it here https://www.powertune4x4.com.au/platetronic-steering-braking-suspension-testing/
    and let me know how it goes for you currently set using class for video module method but I get the same if set to global method.

    Reply
  19. Peter Thompson

    Thanks very much for this, only solution I’ve found that works without far more complex solutions. Very elegant – I’m an extremely novice webpage designer, but have found several solutions on your site that I haven’t elsewhere. Thanks for taking the time to share.

    Reply
  20. Ingrid

    Hi Nelson, unfortunately it refused to work for me – maybe it has to do with what kind of youtube settings you have… but for me it doesn’t work… too bad. But thanks anyway…

    Reply
  21. Sylvain Breton

    Hello Nelson
    Yes it worked with Divi 4.4.8. Thanks a lot!
    BUT it show related videos from the same Youtube channel. I prefer having no video proposition at all. Is that possible?
    Thank you again!

    Reply
      • Sylvain Breton

        Thank you very much … at least, we have serious video proposition, not crappy stuff. 👍

  22. ben

    Neither method seems to work. Is it only for posts and not pages?

    Reply
  23. Matt

    Only works when I’m logged in to the site. Once logged out and viewing the site it just shows the recommended videos still. This may be the problem others are having who have said it doesn’t work – as it does work for me in certain circumstances.

    Reply
    • Nelson Lee Miller (aka The Divi Teacher)

      Hi Matt,
      That’s now how it is for me. It definitely only shows my videos even if logged out or incognito. Also there is nothing in the code that would cause that. It’s a nice suggestion, but I don’t have any evidence of it from my end!

      Reply
  24. CJ

    I have reviewed the problem why this works for some people and not others.

    One reason is the plugin Wordfence Security. When activated, related videos will still play. When deactivated the solution works.

    It would be nice to find a workaround to this issue as in my case I need Wordfence Security 🙂

    Reply
  25. Mike

    Hey Nelson, great resource, thank you! Saved me a bunch of time.

    As an FYI, I’ve noticed that LazyLoad by WP Rocket will prevent this from working when the “iframe & videos” option is enabled.

    Lazy loading could be why this solution doesn’t work for some people.

    I tried putting the code at the end of the page, but still no joy.

    Reply
  26. Arquímedes

    Thank you Nelson.
    Look It works for me but when I use the video module, but it doesn’t work when I embed a video with the code module.
    Perhaps this is why it works for some people and not for others.

    Reply
  27. Erick Fabian

    Hi Nelson, thanks for the “hiding related video” tip. It worked wonders!

    Until the client asked for another video to be added. I had no choice but to use a VIDEO SLIDER MODULE. Sadly, vrecommended videos started popping up.

    I tried putting the pa-hide-related-videos in the CSS Class of the video slider module. Didn’t work.

    Have we discovered the work around for this?

    Thank you.

    Reply
      • Erick Fabian

        Thanks still for all your work.

    • Matt Wilson

      To make this jQuery work on both the Slider and Standard video modules, use the class name “.et_pb_video_box” instead of “.et_pb_video” as provided in the original sample.

      jQuery(document).ready(function($ ) {
      $(‘.et_pb_video_box iframe’).attr( “src”, function( i, val ) {
      return val + ‘&rel=0’;
      });
      });

      Reply
  28. photoMaldives

    Thanks again, Nelson, for sharing your tips n tricks.

    Reply
  29. charlie

    Hi I just did the global and nothing changed. I do need to apply this to every video.
    please help

    Reply
  30. Fanny

    Nelson, this works great on a standard video module. I already applied it successfully on a client’s website. However, with the video popup of divi supreme pro plugin it doesn’t work. Do I have to paste the code somewhere else?

    Reply
  31. Adam

    Thought I would help clarify this doesn’t work as intended… It is because YouTube changed how the “rel=0” works back around 2019. It used to a way to remove all the recommended videos at the end but now the “rel=0” is used by YouTube to suggest recommended videos from the same account. So instead of it being just random videos at the end, it will now show the other videos from your channel as recommendations to the viewer.

    Reply
  32. Fanny

    Hello Nelson, I can’t tell you how many times I am coming back to this post. It works awesome!

    Reply
  33. Romain

    Works great! Thanks so much !!

    Reply
  34. Matt Wilson

    The “global” solution should be updated to include the Video Slider module, too. Simply change “.et_pb_video” to “.et_pb_video_box” since the slider and standard video module both contain the same child element. Thanks for the great solution!

    Reply
  35. STEPHEN CURRIE

    Maybe I’m late to the party, but I see the article was updated in Jan 2021, so fingers crossed for some input. I have tried this using and sadly cannot get it working. The JS is not injecting the rel=0 on page load. If I open my console, and paste the JS and run it, it works, but not on the page load. Stumped

    Reply
    • Hemant Gaba

      Hi Stephen,

      I am afraid that I am not able to replicate the issue on my end as everything is working just fine. Please make sure to follow all the steps given in the guide properly.

      Reply
  36. Bas

    Hi there, I don’t want any suggestion. I just want the option to play the video again and nothing else. How can i do that?
    Thanks!

    Reply
    • Hemant Gaba

      Hey Bas,

      You always get a replay button in the bottom left corner beside the volume icon. Is that what you are referring to?

      Reply

Submit a Comment

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

Asset 7

Shop Our Divi Products

Plugins • Courses • Templates

Visit The Shop

Divi Tutorials On YouTube

Our videos have views! Join subscribers and enjoy over video tutorials!

Visit Our Channel

Recent Posts

Pin It on Pinterest

0

Your Cart