Can you hide the controls of a YouTube embed without enabling autoplay

Question

lt iframe width  100   height  100   src    www youtube com embed qUJYqhKZrwA autoplay 1 amp showinfo 0 amp controls 0  frameborder  0  allowfullscreen gt    If you remove  autoplay 1 the video does not work  Looks like you cannot use the controls parameter without autoplay enabled    Not sure why this is not mentioned in the YouTube embed writeup   Hope I m wrong   https   developers google com youtube player parameters controls

User · Answer

Autoplay works only with  v  instead of  embed   so change the src to   src    www youtube com v qUJYqhKZrwA autoplay 1 amp showinfo 0 amp controls 0

User · Answer

If you add this  showinfo 0 amp iv load policy 3 amp controls 0 before the end of your src  it will take out everything but the bottom right YouTube logo  working example  http   jsfiddle net 42gxdf0f 1

User · Answer

Follow this https   developers google com youtube player parameters for more info about video controls like    lt iframe id  video iframe  width  660  height  415  src  http   www youtube com v   course url   start 7 amp autoplay 0 amp showinfo 0 amp iv load policy 3 amp rel 0                  frameborder  0                  allowfullscreen gt  lt  iframe gt    start 7 amp autoplay 0 amp showinfo 0 amp iv load policy 3 amp rel 0  frameborder  0        all controls are described in there

User · Answer

modestbranding 1 amp autohide 1 amp showinfo 0 amp controls 0  autohide 1   is something that I never found    but it was the key    I hope it s help

User · Answer

To remove you tube controls and title you can do something like this    x000D   x000D   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  x000D   x000D   x000D    code with output  showinfo 0 is used to remove title and  amp controls 0 is used for remove controls like volume play pause expend

User · Answer

You can hide the  Watch Later  Button by using  Youtube-nocookie   this will not hide the share Button   Adding controls 0 will also remove the video control bar at the bottom of the screen and using modestbranding 1 will remove the youtube logo at bottom right of the screen   However using them both doesn t works as expected  it only hides the video control bar    lt iframe width  100   height  100   src  https   www youtube-nocookie com embed fNb-DTEb43M controls 0  frameborder  0  allowfullscreen gt  lt  iframe gt

User · Answer

Set autoplay 0   lt iframe width  100   height  100   src    www youtube com embed qUJYqhKZrwA autoplay 0 amp showinfo 0 amp controls 0  frameborder  0  allowfullscreen gt    As seen here  Autoplay 0 Test

User · Answer

use autoplay 0  autoplay takes 2 values   Values  0 or 1  Default is 0  Sets whether or not the initial video will autoplay when the player loads    the important part   autoplay 0 amp showinfo 0 amp controls 0   Here is the demo for ur problem FIDDLE

User · Answer

To continue using the iframe YouTube  you should only have to change  autoplay 1 to  autoplay 0   Another way to accomplish this would be by using the YouTube JavaScript Player API   https   developers google com youtube js api reference   Edit  the YouTube JavaScript Player API is no longer supported    lt div id  howToVideo  gt  lt  div gt    lt script type  application javascript  gt       var ga   document createElement  script        ga type    text javascript       ga async   false      ga src    http   www youtube com player api       var s   document getElementsByTagName  script   0       s parentNode insertBefore ga  s        var done   false      var player       function onYouTubePlayerAPIReady             player   new YT Player  howToVideo                 height   390               width   640               videoId   qUJYqhKZrwA           playerVars                controls  0              disablekb  1                      events                 onReady   onPlayerReady               onStateChange   onPlayerStateChange                                   function onPlayerReady evt            console log  onPlayerReady   evt             function onPlayerStateChange evt            console log  onPlayerStateChange   evt           if  evt data    YT PlayerState PLAYING  amp  amp   done                setTimeout stopVideo  6000               done   true                       function stopVideo             console log  stopVideo            player stopVideo            lt  script gt    Here is a jsfiddle for the example  http   jsfiddle net fgkrj   Note that player controls are disabled in the  playerVars  part of the player   The one sacrifice you make is that users are still able to pause the video by clicking on it   I would suggest writing a simple javascript function that subscribes to a stop event and calls player playVideo

[youtube] Can you hide the controls of a YouTube embed without enabling autoplay?

Examples related to youtube