Remove YouTube Player Controls and Title
We all love options right? What if you wanted to embed a YouTube video on your site without the title or controls being visible? Now you can following these easy steps below. It will make your player look much more sleek and sexy on your website. See before and after shot below.
Step 1
Visit YouTube and copy the embed code from the video you wish to add to your website.
Step 2
Paste the embed code into your webpage and look for the video file URL within the code. This will in 2 places withing the code. See picture below for an example of this. URL will be in this format: http://www.youtube.com/v/XXXXXXX – “XXXXXX” is the video ID
Step 3
Paste the follow bit of code directly after the ? in both places modestbranding=1;autohide=1&showinfo=0&controls=0;
That’s it! See examples below.
How Player Looks WithTitle & Controls
How Player Looks Without Title & Controls
Leave me a comment below if you want to know how to put a cool image around it.
Created by
|
 |
Thanks for the info! How do I put the image around it? That would be awesome. Thanx
You have to wrap it around in a div.
how i make it with autoplay?
Hi Jarrett
This does not work for me. I put a test video up on my partner’s website. The controls do not appear when the video is still but as soon as I start to play the video, the controls appear. I followed the instructions exactly. Can you advise please?
Thanks :)
Kat
Please send me your embed code to [email protected] and I will take a look for you.
I see the title and control in your video. Both of them. Correct me if Im wrong.
There are no controls in the video.
Hey Jarrett,
It looks like youtube updated there code and will not allow the removal of branding. Have you seen a solution to this yet?
Thx
Sean
The code still works for me. You have never been able to remove the YT logo. Just the controls and related videos.
Hi,
I tried the code and it still shoes the YT logo in lower right-hand corner when I hover over the video to click play. How to get around this?
Thanks,
Kammy
There is no way to remove the logo and have the other elements removed as well. It’s 1 or the other but both will have a YT logo and link to YT.
I’m not seeing anything about how to add an image around it? Gratzi.
hello,
how did you put the video at the beginning of the post into the image of the iPad?
thanks
I can email you the code if you like.
Hi,
Please, could you send it to me?
this is the email of the comment.
thanks
Sent!
Hi Jarrett,
Thanks so much for the tips!
Most other help zone simple explains the Parameter
BUT did not show the example like yours above!
One question though : Anyway, to remove the YouTube Link + Logo at the Bottom Right?
http://www.youtube.com/embed/qRiQHIZnrg4?modestbranding=1;autohide=1&showinfo=0&controls=0;
Appreciate your kind attention,
Cheers and have a great day!
William
No way that I have found and believe me I searched and searched.
Hey Jarrett, can please send me the ipad theme thanks.
ipad Themes?
Jarrett, I missed an ampersand “D’Oh!” all working great now. Have a great weekend cheers – Jim
Glad you figured it out!
Hi Jarrett, really useful thanks! I’m having problems with the rel=0 not being observed after I’ve pasted in your string. I’ve tried changing the position in the embed code but don’t seem to be able to crack it. Can you help please? Cheers – Jim
Can you please reply with the code you are using?
Thanks! I was looking for how to do this and couldn’t find anything to get it quite right until I found your page.
So glad it helped!
oh thanks a lot,
its great tips that solve my problems.
Heya Jarret
Realy appreciate the way you share my friend. A good lesson for all those trying to build relationships on their websites or social media platforms. I’ll make sure to bookmark the site and take a better look around. See you next time I’m doing the rounds.
Dennis
Thanks Dennis. It’s all about sharing isn’t it?
Thanks for sharing!
I did the above in the new style TY and it worked as stated :)) It would be really good if the You Tube logo totally disappeared. Is that possible?
You mentioned adding a cool image around the video, and the one you have above looks great so if you want to let us in on the act, it would be well received and appreciated.
Thanks once again!
Don, look in the Facebook comments above for embed code with image border.
Easy instructions. Short’n'sweeet. Epic!
The Play in HD option has been replaced by newer Use HTTPS. Does this make any difference to the code above? Do we just check/tick the HTTPS option instead?
Yes!
Hey man! Great tutorial very easy to follow! Already got your skin code saved. Gota give this a go 8)
Joshua the ZamuraiBlogger
Skin looks awesome. Thanks man!!!
Nice! Thanks Jarrett for sharing that. Titles and controls can take away from the video and the viewers experience, looks much more professional without.
The video can still be paused if it is clicked on while playing? >> Viewer still has a measure of control?
You can also do full screen if you double click. This way of display is ideal for marketing video messages.