title: React Native - Webview: How to play video in html fullscreen
body: <p>I'm using a webview in react native to display html content. Sometimes html include iframe which can render a video. But by default, when I touch fullscreen option in the video</p>
  
  <p><a href="https://i.stack.imgur.com/xwQjm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xwQjm.png" alt="enter image description here"></a></p>
  
  <p>Below is my example of a HTML with a video in it</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  
  &lt;head&gt;
      &lt;style&gt;
      .video-container {
          position: relative;
          padding-bottom: 56.25%;
          padding-top: 30px;
          height: 0;
          overflow: hidden;
      }
  
      .video-container iframe,
      .video-container object,
      .video-container embed {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }
      &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="video-container"&gt;
          &lt;iframe allowfullscreen="" border="0" class="ud_content_iframe_custom" frameborder="0" id="ud_content_iframe" scrolling="no" src="https://vdo.matichon.co.th/videos/public/iframe/d4d7f619a787a8c29e8f3c44324ffb1b/adaptive_hls/?post_id=1275310&amp;amp;category=daily-column%2Cnews-monitor%2Cprachachuen%2Cfood-travel" style="width:100%;" width="100%"&gt;&lt;/iframe&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>