full screen: set video size

hyww · May 17, 2017 · a3794a5 · a3794a5
1 parent cf8c66c
commit a3794a5
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/App.js b/src/App.js
@@ -22,6 +22,7 @@ class App extends Component {
  this.setTime = this.setTime.bind(this);
  this.setOffset = this.setOffset.bind(this);
  this.urlOnSet = this.urlOnSet.bind(this);
+ this.fullOnClick = this.fullOnClick.bind(this);
  this.lrcOnChange = this.lrcOnChange.bind(this);
  this.onPlayerStateChange = this.onPlayerStateChange.bind(this);
  }
@@ -61,6 +62,9 @@ class App extends Component {
  ref="text"
  value={defaultVid.lrc}
  ></textarea>
+ <button
+ onClick={this.fullOnClick}
+ >Fullscreen</button>
  </div>
  );
  }
@@ -88,6 +92,9 @@ class App extends Component {
  this.setState({videoId});
  }
  }
+ fullOnClick() {
+ this.state.player.setSize(window.document.body.clientWidth, window.document.body.clientHeight);
+ }
  setPlayer(player) {
  this.setState({player});
  }