How to hide the bar at the top of youtube even when mouse hovers over it

Question

I am attempting to embed a youtube video  however  I have not discovered a way to keep the bar at the top from showing when the mouse hovers over it  For my purposes it is important that users are not able to have a direct link back to the original video where they can re-watch the video  The following link gives commands for embed features within youtube   https   developers google com youtube player parameters Overview  I have used the controls and disablekb features to limit viewers ability to skip and replay the video  what I need now is to disable the bar which appears at the top of the video     Where I have gotten http   www youtube com embed bFEoMO0pc7k controls 0 amp disablekb 1 amp egm 1

User · Answer

What I did to disable the hover state of the iframe  was to use pointer-events none in a css style  It shows the info on load  but after that hover shouldn t trigger showing the info

User · Answer

Since YouTube has deprecated the showinfo parameter you can trick the player  Youtube will always try to center its video but logo  title  watch later button etc   will always stay at the left and right side respectively    So what you can do is put your Youtube iframe inside some div    lt div class  frame-container  gt      lt iframe gt  lt  iframe gt   lt  div gt    Then you can increase the size of frame-container to be out of browser window  while aligning it so that the iframe video comes to the center  Example    frame-container       position  relative      padding-bottom  56 25      16 9          padding-top  25px      width  300      enlarge beyond browser width        left  -100      center        frame-container iframe       position  absolute       top  0       left  0       width  100        height  100       Finnaly put everything inside a wrapper div to prevent page stretching due to 300  width    lt div class  wrapper  gt      lt div class  frame-container  gt         lt iframe gt  lt  iframe gt      lt  div gt   lt  div gt    wrapper      overflow  hidden     max-width  100

User · Answer

showinfo 0 Will not work any more as it has been deprecated as of 25 09 2018   https   developers google com youtube player parameters showinfo

User · Answer

You can try this it has worked for me    lt div class  embed-responsive embed-responsive-16by9  gt       lt iframe class  embed-responsive-item  src    www youtube com embed PEwac2WZ7rU rel 0 version 3 amp autoplay 1 amp controls 0 amp  amp showinfo 0 amp loop 1  gt  lt  iframe gt   lt  div gt    Responsive embed using Bootstap  Allow browsers to determine video or slideshow dimensions based on the width of their containing block by creating an intrinsic ratio that will properly scale on any device   Style youtube video    Select a youtube video  click on Share and then Embed  Select the embed code and copy it  Start modifying after the verison 3  www youtube com embed VIDEOID rel 0 version 3 Be sure to add a   amp   between each item  For autoplay  add  autoplay 1  For loop  add  loop 1  Hide the controls  add  controls 0    For more information please visit this link https   developers google com youtube player parameters autoplay  Thanks BanyanTheme

User · Answer

To remove you tube controls and title you can do something like this     lt iframe width  560  height  315  src  https   www youtube com embed zP0Wnb9RI9Q autoplay 1 amp showinfo 0 amp controls 0  frameborder  0  allowfullscreen  gt  lt  iframe gt    check this example how it look  showinfo 0 is used to remove title and  amp controls 0 is used for remove controls like volume play pause expend

User · Answer

The answer to this question in 2020 is IT DOESN T WORK AT ALL NOW

User · Answer

Open youtube video  Click on share option  In share option click on embed tag  You can see in embed tag there is some check box  Unchecked on show video title and player actions  After this just copy frame tag     lt iframe width  100   height  350  src  https   www youtube com embed uqhnxAjK7qY autoplay 1 amp showinfo 0  frameborder  0  allowfullscreen gt  lt  iframe gt

User · Answer

This answer no longer works as YouTube has deprecated the showinfo parameter   You can hide the embedded player s title bar by adding  amp showinfo 0  You cannot completely remove all the links to the original video  Here is the best you can do   lt iframe width  560  height  315  src    www youtube com embed videoid modestbranding 1 amp autohide 1 amp showinfo 0 amp controls 0  frameborder  0  allowfullscreen gt  lt  iframe gt    This code will remove the title bar  YouTube branding in controls  controls  optional  delete controls 0 if you need controls   But a white YouTube logo will be displayed on the video with the video link   Update 1  Here is a new tool that I built to generate customized youtube embed player code- Advanced Youtube Embed Code Generator

User · Answer

The following works for me    rel 0 amp amp fs 0 amp amp showinfo 0

[youtube] How to hide the bar at the top of "youtube" even when mouse hovers over it?

Examples related to youtube

Examples related to embed