<div style="margin-top:-20px"><div class="fluidMedia" style="margin-left:-8px">
<iframe width="100%" src="http://www.youtube.com/embed/$OTHER1$?&modestbranding=1&autoplay=1&color=white&rel=0&hd=&autohide=1&theme=dark&showinfo=0&disablekb=&controls=&fs=1&ap=%2526fmt%3D22" frameborder="0"allowfullscreen>
</iframe>
</div>

<div>
    <div id="player"></div>
    <script>
      var tag = document.createElement('script');

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

      var player;
      function onYouTubeIframeAPIReady() {
        player = new YT.Player('player', {
          height: '100%',
          width: '100%',
          playerVars: {
                    loop: 0,
                    controls: 1,
                    showinfo: 0,
                    autohide: 1,
                    modestbranding: 1,
                    vq: 'hd1080'},
          videoId: '6uKPmDkm0KU',
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

      function onPlayerReady(event) {
        event.target.playVideo();
      }

      var done = false;
      function onPlayerStateChange(event) {
        
      }
      function stopVideo() {
        player.stopVideo();
      }
    </script>

result.html(clearAccentsAndSpaces(field.val()));