title: Embedding Youtube Videos in React Native Application
body: <p>I understand this is a highly documented issue and I have been trying to find a solution, but everything that I have found online so far has not worked. So I wanted to show what I have tried to do and what goes wrong:</p>
  
  <p>I tried embedding Youtube videos within a WebView. The following method builds the application successfully, but when I click on the video, the application crashes. I understand this works with IOS, but I'm test building the application on an android emulator</p>
  
  <pre><code>&lt;WebView
      style={ styles.video }
      javaScriptEnabled={true}
      domStorageEnabled={true}
      source={{uri: 'https://www.youtube.com/embed/dFKhWe2bBkM' }}
  /&gt;
  </code></pre>
  
  <p>Another method I tried was this, but I get an error.</p>
  
  <pre><code>&lt;WebView
      style={ styles.video }
      javaScriptEnabled={true}
      source={{ html: "&lt;html&gt;&lt;body&gt;&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/RJa4kG1N3d0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/body&gt;&lt;/html&gt;"  }}
  /&gt;
  
  
  error: bundling failed: SyntaxError in C:\DIRECTORY\VideoPage.js: C:/DIRECTORY/VideoPage.js: Unexpected token, expected , (33:56)
  31 |               style={ styles.video }
  32 |               javaScriptEnabled={true}
  &gt; 33 |             source={{ html: "&lt;html&gt;&lt;body&gt;&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/RJa4kG1N3d0" frameborder="0" allowfullscreen&gt;&lt;/iframe&gt;&lt;/body&gt;&lt;/html&gt;"  }}
   |                                                         ^
  34 |             /&gt;
  35 |
  36 |           &lt;/View&gt;
  </code></pre>
  
  <p>Any help is appreciated.</p>
  
  <p>Thank you</p>