6.nonFunctionalReact.js

var Video = React.createClass({
  render: function() {
    return (
      <video ref="video" src={ this.props.src } />
    );
  },

  /**
   *  It plays the video is it is paused or pause it
   *  if the video is being played.
   */
  playOrPause: function(){
    // HTML 5 API is also object oriented
    // we can use their methods also using
    // references
    var videoElement = this.ref.video;
    if( videoElement.paused ){
      videoElement.play();
    }
    else {
      videoElement.pause();
    }
  },

  /**
   * Moves the video to the beginning.
   */
  goToBeginning: function(){
    this.refs.video.currentTime = 0;
  }
});