title: react js html5 video not working
body: <p>I tried searching on stack overflow and google but found no article that could help me. It shows a paused video even though i have used autoplay. Can anyone please help me ? I'm new to react.js</p>
  
  <pre><code>import React, { Component } from 'react';
  import logo from './logo.svg';
  import './App.css';
  import * as ReactBootstrap from 'react-bootstrap';
  import coverimg from './hw.jpg';
  import covervid from './hw.mp4';
  import covervidtwo from './hw.ogv';
  
  
  class Slider extends Component {
    render() {
      return (
        &lt;div className=""&gt;
  
                 &lt;video  loop autoplay&gt;
                     &lt;source src= { covervid } type="video/mp4" /&gt;Your browser does not support the video tag. I suggest you upgrade your browser.
                     &lt;source src={ covervidtwo } type="video/ogg" /&gt;Your browser does not support the video tag. I suggest you upgrade your browser.
                 &lt;/video&gt;
  
  
  
        &lt;/div&gt;
      );
    }
  }
  
  export default Slider;
  </code></pre>