title: Embedding a video with YouTube API results in 404 error
body: <p>I'm trying to embed a video on my site (we own the video) using YouTube's API rather than creating an iframe from the outset. When I provide the <code>videoId</code>, it gives me a 404 error on the video. But when I create an iframe and use the ID in the url, it works correctly and finds the video.</p>
  
  <p>Here's the player create code:</p>
  
  <pre><code>function onYouTubeIframeAPIReady() {
          player = new YT.Player('videoPlayer', {
            height: '720',
            width: '1280',
            videoId: 'jQo4HLEwutg',
            playerVars: {'controls':0, rel: 0, 'showinfo': 0, 'modestbranding': 1, 'enablejsapi': 1, 'origin': 'https://www.mycompany.com' },
            events: {
              'onReady': onPlayerReady,
              'onStateChange': onPlayerStateChange
            }
          });
        }
  </code></pre>
  
  <p>The 404 is this, specifically:</p>
  
  <p>"NetworkError: 404 Not Found - <a href="https://www.youtube.com/get_video?noflv=1&amp;video_id=jQo4HLEwutg&amp;cpn=FnysBfLg7QmW1DiI&amp;el=embedded&amp;referrer&amp;eurl=https%3A%2F%2Flocalhost%3A444%2F&amp;fmt=134&amp;ptk=youtube_none&amp;splay=1" rel="nofollow">https://www.youtube.com/get_video?noflv=1&amp;video_id=jQo4HLEwutg&amp;cpn=FnysBfLg7QmW1DiI&amp;el=embedded&amp;referrer&amp;eurl=https%3A%2F%2Flocalhost%3A444%2F&amp;fmt=134&amp;ptk=youtube_none&amp;splay=1</a>"</p>
  
  <p>Using a standard iframe, this works:</p>
  
  <pre><code>&lt;iframe id="videoFrame" src="https://www.youtube.com/embed/jQo4HLEwutg?enablejsapi=1&amp;origin=https://www.mycompany.com&amp;rel=0&amp;amp;showinfo=0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>Why does the same video ID work when using it in the iframe URL but not as a param in the function?</p>
  
  <p>(This is my first time trying to use the API; sorry if I'm missing something obvious.)</p>