4.nonFunctionalReact.js

var VideoWrapper = React.createClass({
  getInitialState: function(){
    return {play: false, time: '0:00:000'};
  },
  render: function() {
    return (
      <Video src="path/to/my/video.mp4"
        play={ this.state.play }
        onButtonClick={ () => this.setState({play: !this.state.play}) }
        time={ this.state.time } />
    );
  },
  componentDidMount: function() {
    if( this.state.play ){
      setTimeout( () =>
        // User will create a function to add a millisecond to the
        // current time, or I can ship it with my component :)
        this.setState({time: addMillisecond( this.state.time )});
      }, 1);
    }
  }
});