How to hide the panel at the top of "youtube", even if a mouse hangs over it?

Question

I am trying to embed a video on YouTube, however I have not found a way to hold the panel at the top, showing when the mouse is hanging over it. For my purposes, it is important that users do not have a direct link to the original video, where they can re-watch the video. The following link gives commands for built-in functions inside youtube:

https://developers.google.com/youtube/player_parameters#Overview

I used the control and disablekb functions to limit the ability of viewers to skip and play videos, now I need to disable the panel that appears at the top of the video.

(Where did I get http://www.youtube.com/embed/bFEoMO0pc7k?controls=0&disablekb=1&egm=1 )

Answer 1

This answer no longer works because YouTube does not showinfo parameter.

You can hide the title bar of the embedded player by adding &showinfo=0 . You cannot completely remove all links to the original video. Here is the best you can do

 <iframe width="560" height="315" src="//www.youtube.com/embed/videoid?modestbranding=1&autohide=1&showinfo=0&controls=0" frameborder="0" allowfullscreen></iframe> 

This code will remove the title bar, YouTube branding in the controls, controls (optional, delete controls=0 if you need controls). But the video will display a white YouTube logo with a link to the video.

Update 1: here's a new tool I created to create a custom player to insert YouTube code- Advanced Youtube Embed Code Generator

Answer 2

To disable the panel that appears at the top of the video, you need to add the showinfo=0 parameter

you can find various related examples in the link below http://www.farrelldoc.com/blog/remove-title-and-controls-from-youtube/

hope this helps

Answer 3

To remove your controls tube and title you can do something like this.

 <iframe width="560" height="315" src="https://www.youtube.com/embed/zP0Wnb9RI9Q?autoplay=1&showinfo=0&controls=0" frameborder="0" allowfullscreen ></iframe> 

check this example how it looks

showinfo=0 used to remove the header, and &controls=0 used to remove controls such as volume , play , pause , flow .

Answer 4

The following works for me:

?rel=0&fs=0&showinfo=0

Answer 5

showinfo=0 Will no longer work, since it has been deprecated since September 25, 2008 .

https://developers.google.com/youtube/player_parameters#showinfo

Answer 6

You can try, it worked for me.

 <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="//www.youtube.com/embed/PEwac2WZ7rU?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1"></iframe> </div> 

Responsive Paste Using Bootstap

Allow browsers to determine the size of a video or slide show based on the width of their containing block, creating an internal ratio that will scale correctly on any device.

Youtube video style:

• Select a YouTube video, click Share, then Paste.
• Select the code to paste and copy it.
• Start modifying after verison = 3 www.youtube.com/embed/VIDEOID?rel=0?version=3
• Be sure to add a '&' between each element.
• For auto play: add "autoplay = 1"
• For loop: add "loop = 1"
• Hide controls: add "controls = 0"

For more information, follow this link https://developers.google.com/youtube/player_parameters#autoplay

thank
Banyantheme

Answer 7

Open the YouTube video. Click the Share button. In the share option, click on the inline tag. You can see that there is a checkbox in the embed tag. Unverified display of video titles and player actions. After that, just copy the frame tag.

 <iframe width="100%" height="350" src="https://www.youtube.com/embed/uqhnxAjK7qY?autoplay=1&showinfo=0" frameborder="0" allowfullscreen></iframe>