↓
  1. Posts/

YouTube embed video html code without branding and controls (seekbar, play/pause and volume)

···
Youtube

YouTube embedded player can be adjusted a lot using the parameters available here https://developers.google.com/youtube/player_parameters. Some parameters are available on both HTML5 and flash players and some are not.

Check out https://developers.google.com/youtube/youtube_player_demo, for all available configuration and play with it.

Default

This is how default YouTube embedding looks like.

When you play it several controls are shown and there are lot of buttons.

Hide Controllers

You can hide the controllers in embedded video, by setting parameter controls to 0

1
2
3
4

  <iframe
    src="https://www.youtube.com/embed/LKtk3HCgTa8?controls=0"
    width="640" height="360">
  </iframe>

Video Quality

Default video quality can be set using vq.

1
2
3
4
5
6
7

  <iframe
    src="https://www.youtube.com/embed/LKtk3HCgTa8?vq=hd720"
    style="border: 5px solid #cccccc; overflow: hidden;"
    width="640" height="360"
    frameborder="0"
    allowfullscreen>
  </iframe>

Modest YouTube Logo

YouTube allows you to have its logo to be modest, by setting modestbranding to 1.

1
2
3
4
5
6

  <iframe
    src="https://www.youtube.com/embed/LKtk3HCgTa8?modestbranding=1"
    width="640" height="360"
    frameborder="0"
    allowfullscreen>
  </iframe>

Everything all at once

We can also set all of these values together

1
2
3
4
5
6
7

  <iframe
    src="https://www.youtube.com/embed/LKtk3HCgTa8?rel=0&amp;autoplay=0&amp;showinfo=0&amp;modestbranding=1&amp;controls=0&amp;vq=hd720"
    style="border: 5px solid #cccccc; overflow: hidden;"
    width="640" height="360"
    frameborder="0"
    allowfullscreen>
  </iframe>