ReactPlayer Example

Starting point for creating JSFiddles with React. This uses React with Addons.

by fredd man

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/react-player/dist/ReactPlayer.js"></script>
<script src="https://facebook.github.io/react/js/jsfiddle-integration-babel.js"></script>

<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

const App = () => {
	const [playbackRate, setPlaybackRate] = React.useState(1)
	return (
  	<div>
      <ReactPlayer
        url='http://content.jwplatform.com/videos/C4lp6Dtd-el5vTWpr.mp4'
        className='react-player'
        playing
        controls
        width='320px'
        height='180px'
        playbackRate={playbackRate}
      />
      <button onClick={() => setPlaybackRate(0.5)}>x0.5</button>
      <button onClick={() => setPlaybackRate(1.070)}>x1.070</button>
      <button onClick={() => setPlaybackRate(2)}>x2</button>
    </div>
  )
}

ReactDOM.render(
  <App />,
  document.getElementById('container')
);