LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

CSS
#action {
  display: block;
  margin: 20px auto;
}

#container {
  width: 50%;
  margin: 0 auto;
  background-color: #333;
}
#container .video,
#container .video-js {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
#container video,
#container #video__wrapper {
  display: block;
  width: 100%;
}
JS
class Video extends React.Component{
  constructor(props) {
    super(props);
  }

  componentDidMount() {
    this.disableRightClick();
    
    
    // HERE'S THE DYNAMIC RENDER-ER STUFF:
    bc(document.getElementById('testVideo'));
    videojs('myPlayerID').ready(function(){
      console.log('PLAYER', this);
    });
  }

  disableRightClick() {
    this.refs.root.addEventListener('contextmenu', (e) => {
      e.preventDefault();
      e.stopPropagation();
    });
  }

  render() {

    return(
      
) } } const handleClick = function(){ ReactDOM.render(
Term
Wed, 12/27/2017 - 07:04

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv