title: Youtube v3 API with browser fetch throws CORS error for "videos"
body: <p>I have something like the following:</p>
  <pre class="lang-js prettyprint-override"><code>
  const BASE_URL = 'https://www.googleapis.com/youtube/v3';
  
  /**
   * @param {string} channelId 
   * @param {string?} pageToken 
   */
  const getPlaylist = (channelId, pageToken) =&gt; {
    const url = `${BASE_URL}/playlists?part=snippet&amp;channelId=${channelId}&amp;key=${API_KEY}&amp;part=id,snippet&amp;maxResults=50`;
    return pageToken ? `${url}&amp;pageToken=${pageToken}` : url;
  };
  
  /**
   * @param {string} playlistId 
   * @param {string?} pageToken 
   */
  const getPlaylistItems = (playlistId, pageToken) =&gt; {
    const url = `${BASE_URL}/playlistItems?part=snippet&amp;playlistId=${playlistId}&amp;key=${API_KEY}&amp;part=id,snippet&amp;maxResults=50`;
    return pageToken ? `${url}&amp;pageToken=${pageToken}` : url;
  }
  
  const getVideo = videoId =&gt; `${BASE_URL}/vidoes?part=statistics&amp;id=${videoId}&amp;key=${API_KEY}`;
  
  const fetchViewCountByVideoId = async videoId =&gt; {
    const response = await fetch(getVideo(videoId));
    const { statistics: { viewCount } } = await response.json();
    return viewCount;
  };
  </code></pre>
  <p>So I'm trying to fetch the playlist of a channel, fetch all playlist items in each playlist, get the view count of each item. (I omitted the rest of the code since it works fine.)</p>
  <p>The problem is, the first two API batch calls work fine, but when I get to the <code>videos</code> API, a CORS error is thrown.</p>
  <p>(I am running the code in the browser console because the person who will be using this code is not a programmer, and I don't want to spend time creating a web page and hosting it.)</p>
  <h3>Question</h3>
  <p>Do I need to sign in for the API calls to work like they should (and use the <code>authorization</code> header), or is the response of the <code>videos</code> API a bug?</p>