Toggle video fullscreen on doubleclick. #1498

Merged
dan1d merged 1 commit from toggle-full-screen-video into master 2018-05-21 17:44:27 +02:00

View file

@ -19,6 +19,7 @@ class VideoPlayer extends React.PureComponent {
};
this.togglePlayListener = this.togglePlay.bind(this);
this.toggleFullScreenVideo = this.toggleFullScreen.bind(this);
}
componentWillReceiveProps(nextProps) {
@ -77,6 +78,7 @@ class VideoPlayer extends React.PureComponent {
changeVolume(mediaElement.volume);
});
mediaElement.volume = volume;
mediaElement.addEventListener('dblclick', this.toggleFullScreenVideo);
}
}
@ -112,6 +114,17 @@ class VideoPlayer extends React.PureComponent {
this.props.doPause();
}
toggleFullScreen(event) {
const mediaElement = this.media.children[0];
if (mediaElement) {
if (document.webkitIsFullScreen) {
document.webkitExitFullscreen();
} else {
mediaElement.webkitRequestFullScreen();
}
}
}
togglePlay(event) {
// ignore all events except click and spacebar keydown, or input events in a form control
if (