title: Unable to play YouTube videos on embed
body: <p>I have a component which loads embedded YouTube video as below</p>
  <pre><code>const url = `https://www.youtube.com/embed/'${videoId}`;
  
  &lt;iframe className=&quot;embed-responsive-item&quot; src={url}&gt;&lt;/iframe&gt;
  </code></pre>
  <p>But it's showing black screen and if click on the play button, it's showing</p>
  <blockquote>
  <p>An error occured. Please try again later. (Playback ID: ZrAX.....) Learn More</p>
  </blockquote>
  <p>And if clicking on <code>Learn More</code> link, the issues listed is all about below, which none of them are helpful</p>
  <blockquote>
  <p>An error has occurred.</p>
  <p>Playback error. Tap to retry.</p>
  <p>Connection to server lost.</p>
  <p>This video is unavailable.</p>
  <p>Something went wrong. Tap to Retry.</p>
  </blockquote>
  <p><a href="https://i.stack.imgur.com/beYu5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/beYu5.png" alt="enter image description here" /></a></p>