title: Video Render in NEXTJS
body: <p>I'm using NextJS and I was trying to put a video as a background. In the <strong>FIRST</strong> render everything works fine, but when I reload the screen, the video doesn't run in the autoplay mode.</p>
  <p>Code:</p>
  <pre><code>import React from 'react'
  import MainHeader from '../components/MainHeader'
  import { Container } from '../styles/pages/Home'
  
  const Home: React.FC = () =&gt; {
    return (
      &lt;Container&gt;
        &lt;MainHeader /&gt;
        &lt;video autoPlay style={{ width: '500px', height: '500px' }}&gt;
          &lt;source src=&quot;/blue.mp4&quot; /&gt;
        &lt;/video&gt;
      &lt;/Container&gt;
    )
  }
  
  export default Home
  </code></pre>
  <p>How can I fix that?</p>