Insertar y configurar video de youtube con javascript

Vamos a a insertar y configurar vídeo de youtube con javascript, el motivo de hacerlo así y no mediante un iframe es por que tiene mucha mas configuración adicional para los vídeos. En el ejemplo podemos ver como insertar un vídeo mediante la api de youtube:

<div id="ytplayer"></div>

<script>

  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  var player;
  function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
	//Parametros del video
	 playerVars: { 'autoplay': 1, 'controls': 1,'autohide':1,'wmode':'opaque' },
      height: '326',
      width: '580',
	  //Id del video
      videoId: 'hrWTk94FzVk',
	  events: {
            'onReady': onPlayerReady}
    });
  }
  
        function onPlayerReady() {
		 //Ajustar volumen
		 player.setVolume(10);

}
</script>

podemos ver todas las funciones en la pagina oficial de la api https://developers.google.com/youtube/iframe_api_reference?hl=es