title: Reactjs video onEnded event not firing
body: <p>I have created a react component to play videos.
  The component is playing video just fine but the callback is not being fired.
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>class VideoPlayer extends React.Component {
    componentWillMount () {
        console.log('Mounting here');
    }
  
    changeThis () {
      console.log("Ended");
    }
  
    render () {
      var notice = this.props.notice;
      var p = "./data/video/" + notice.path + '?' + Math.random();
      return (
        &lt;div key={notice.id}&gt;
        &lt;video className="image" alt={notice.description} onEnded={this.changeThis.bind(this)} controls autoPlay&gt;
          &lt;source src={p} type="video/mp4" /&gt;
          No suppoty
        &lt;/video&gt;
        &lt;/div&gt;
      )
    }
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>The onEnded function is not being called. What am I doing wrong.</p>