Youtube Iframe API - Hide HUD

0
votes

Is there any way to remove/hide any HUD/control element from the Youtube Iframe?

I've tried so many things like almost every combination of playerVars/query options and I've also tried to edit the Iframe document even if I already knew it wouldn't work.

I've searched for a solution in these two StackOverflow questions but nothing worked:

It seems like Youtube has removed this possibility.

My goal is to have a Youtube video as background for a webpage.

So is there any workaround or alternative so I can use a Youtube video as my webpage background?

1
javascriptyoutubebackgroundyoutube-iframe-apihud

1 Answers

0
votes

I made an example for you, using the youtube API, with the maximum discretion options I know.

https://codepen.io/anon/pen/QYwMGd

Here is the secret to control the youtube player.

playerVars: {
  'autoplay': 1,
  'controls': 0,
  'disablekb': 1,
  'fs': 0,
  'loop': 1,
  'modestbranding': 1,
  'rel': 0,
  'showinfo': 0,
  'mute': 1,
  'autohide': 1
}