title: Video autoplay not working - Trying to find a fix
body: <p>I have a video background in React. I want it to autoplay. Autoplay does not work. </p>
  
  <p>I have tried: </p>
  
  <ol>
  <li>autoplay</li>
  <li>autoPlay</li>
  <li>autoPlay="autoplay"</li>
  </ol>
  
  <p>What I find particularly odd is that occasionally, it WILL work. But then it will stop. </p>
  
  <p>Here is the code as it is right now. </p>
  
  <pre><code>&lt;video loop autoPlay&gt;
         &lt;source src={require('../../videos/background.mp4')} type="video/mp4" /&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>Here is the entire section of the component. I'm using a transition, but as of last week, it didn't impact it. </p>
  
  <pre><code>&lt;div className="video-background"&gt;
      &lt;Transition in={true} timeout={1000} appear={true}&gt;
          {(state) =&gt; (
            &lt;div id="banner" className="video-foreground" style={{ 
                              ...transitionStyles[state]
                          }}&gt;
                          &lt;video loop autoPlay&gt;
                              &lt;source src={require('../../videos/background.mp4')} type="video/mp4" /&gt;
                          &lt;/video&gt;
            &lt;/div&gt;
          )}
       &lt;/Transition&gt;
    &lt;/div&gt;
  </code></pre>