React

index.html

<div id="container"></div>

<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-with-addons.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/react/0.14.7/react-dom.js"></script>
<script src="//players.brightcove.net/906043040001/default_default/index.js">

script.js

class Player extends React.Component {
  render() {
    return(
      <div>
        <video
          data-account={this.props.account}
          data-player={this.props.player}
          data-embed="default"
          data-video-id={this.props.video}
          className="video-js"
          controls
          ref="player">
        </video>
      </div>
    )
  }

  componentDidMount() {
    var self = this;
    var player = window.bc(this.refs.player).ready(function() {
      self.player = this;
      self.player.play();
    });
  }

  componentWillUnmount() {
    this.player.dispose();
  }
}

Player.defaultProps = {
  account: '906043040001',
  player: 'default'
};

ReactDOM.render(
  <Player video="ref:cascadatrailer"/>,
  document.getElementById('container')
);