How to use Video html tag instead of img tag in material-ui Card Component
<p>I am trying to embed a video to my page using Material-ui Card component as follows:</p>

<pre><code>const CardExampleWithAvatar = () =&gt; (
  &lt;Card&gt;

    &lt;CardMedia
      overlay={&lt;CardTitle title="Overlay title" subtitle="Overlay subtitle" /&gt;}
    &gt;
       &lt;video&gt;
  &lt;source src="https://www.youtube.com/watch?v=abcdef" type="video/mp4"/&gt;
    &lt;/video&gt; 
    &lt;/CardMedia&gt;
    &lt;CardTitle title="Card title" subtitle="Card subtitle" /&gt;
    &lt;CardText&gt;
      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
      Donec mattis pretium massa. Aliquam erat volutpat. Nulla facilisi.
      Donec vulputate interdum sollicitudin. Nunc lacinia auctor quam sed pellentesque.
      Aliquam dui mauris, mattis quis lacus id, pellentesque lobortis odio.
    &lt;/CardText&gt;
    &lt;CardActions&gt;
      &lt;FlatButton label="Action1" /&gt;
      &lt;FlatButton label="Action2" /&gt;
    &lt;/CardActions&gt;
  &lt;/Card&gt;
);

export default CardExampleWithAvatar;
</code></pre>

<p>The example in the <a href="http://www.material-ui.com/#/components/card" rel="noreferrer">documentation</a> is using 'img' tag to display image in the card. But I am using 'video' tag as above. Other elements are rendering in my page but, the video is not displaying in the page? Am I missing something? Or there is different way of using video tags in material-ui?</p>