title: HTML5 video not working on iphone with react jsx
body: <p>I have a react application where i am using html5 video tag to show a cover video. It works on ipad, android and all the major browsers but on iphone it just shows a glimpse of a play button which if clicked shows a full page video.</p>
  
  <pre><code>class FrontPage extends React.Component{
    constructor(props) {
      super(props);
      this.authorize = [''];
    }
    render() {
      return (
        &lt;div&gt;
          &lt;video controls="true" style={BGstyle} preload="yes" autoPlay muted loop width="100%" height="auto"&gt;
            &lt;source src="/images/film.mp4" type="video/mp4" /&gt;
            Your browser does not support the video tag.
          &lt;/video&gt;
          &lt;Ladder/&gt;
          &lt;SignUp/&gt;
        &lt;/div&gt;
      );
    }
  }
  var BGstyle = {
    position: "absolute",
    zIndex:999,
    right:0,
    bottom:0,
    minWidth:'100%',
    width: 'auto',
    backgroundSize:"cover"
  }
  
  export default FrontPage;
  </code></pre>
  
  <p>you can see it on www.viogto.dk</p>