title: Autoplay video in react material-ui CardMedia component
body: <p>I have a <a href="https://material-ui.com/components/cards/" rel="nofollow noreferrer">Material UI Card component</a> that I'd like to have contain a video (webm) that autoplays.  (It's a mute video)</p>
  <p>The documentation for the <a href="https://material-ui.com/api/card-media/" rel="nofollow noreferrer">CardMedia component</a> indicates to list any HTML element as the component element type -- so I have listed &quot;video&quot;.</p>
  <p>I have tried playing with suggestions from here: <a href="https://stackoverflow.com/questions/50259734/video-autoplay-not-working-trying-to-find-a-fix/52542831">Video autoplay not working - Trying to find a fix</a></p>
  <p>Specifically, I've tried added <code>component: 'video autoPlay muted</code> to no avail - getting an error that the element cannot be created.  I also tried passing an actual tag: <code>&lt;video autoPlay muted&gt;</code>... also failure ('expecting string').</p>
  <pre><code>&lt;Card className={classes.root} raised={true}&gt;
          &lt;CardHeader
              title={camera.cameraName}
          /&gt;
  
          &lt;CardActionArea&gt;
              &lt;CardMedia
                  component='video'
                  className={classes.media}
                  image={&quot;path/to/file/video.webm&quot;}
              /&gt;
              &lt;CardContent&gt;
  
                  &lt;Typography variant=&quot;body2&quot; color=&quot;textSecondary&quot; component=&quot;p&quot;&gt;
                      Some Text
                  &lt;/Typography&gt;
              &lt;/CardContent&gt;
          &lt;/CardActionArea&gt;
      &lt;/Card&gt;
  </code></pre>
  <p>Any suggestions on how I can get a video to auto play in a MaterialUI CardMedia component?</p>
  <p>Alternatively, I'd settle for simply having the controls show up by default - as is, you have to right click and select 'show controls'.</p>