LBRYFoundation/lbry-desktop
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry-desktop.git synced 2025-09-02 18:25:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

minor fixes for web

Browse source
This commit is contained in:
btzr-io 2019-06-04 22:11:24 -06:00
parent e49b06a9f7
commit aa04d1256f
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/ui/component/fileViewer/internal/player.jsx
View file

@ -115,7 +115,9 @@ class MediaPlayer extends React.PureComponent<Props, State> {
this.toggleFullscreen(); this.toggleFullscreen();
} }
// Handle toggle play // Handle toggle play
// @if TARGET='app'
this.togglePlay(event); this.togglePlay(event);
// @endif
} }
}; };
@ -130,19 +132,20 @@ class MediaPlayer extends React.PureComponent<Props, State> {
toggleFullscreen = () => { toggleFullscreen = () => {
const { viewerContainer } = this.props; const { viewerContainer } = this.props;
const isFullscreen = fullscreenElement(); const isFullscreen = fullscreenElement();
const isSupportedFile = this.isSupportedFile();
const isPlayableType = this.playableType(); const isPlayableType = this.playableType();
if (!isFullscreen) { if (!isFullscreen) {
// Enter fullscreen mode if content is not playable // Enter fullscreen mode if content is not playable
// Otherwise it should be handle internally on the video player // Otherwise it should be handle internally on the video player
// or it will break the toggle fullscreen button // or it will break the toggle fullscreen button
if (!isPlayableType && viewerContainer && viewerContainer.current !== null) { if (!isPlayableType && isSupportedFile && viewerContainer && viewerContainer.current !== null) {
requestFullscreen(viewerContainer.current); requestFullscreen(viewerContainer.current);
} }
// Request fullscreen mode for the media player (renderMedia) // Request fullscreen mode for the media player (renderMedia)
// Don't use this with the new player // Don't use this with the new player
// @if TARGET='app' // @if TARGET='app'
else { else if (isPlayableType) {
const mediaContainer = this.mediaContainer.current; const mediaContainer = this.mediaContainer.current;
const mediaElement = mediaContainer && mediaContainer.children[0]; const mediaElement = mediaContainer && mediaContainer.children[0];
if (mediaElement) { if (mediaElement) {
@ -209,8 +212,6 @@ class MediaPlayer extends React.PureComponent<Props, State> {
); );
} }
document.addEventListener('keydown', this.handleKeyDown);
const mediaElement = container.children[0]; const mediaElement = container.children[0];
if (mediaElement) { if (mediaElement) {
if (position) { if (position) {
@ -244,6 +245,9 @@ class MediaPlayer extends React.PureComponent<Props, State> {
this.renderFile(); this.renderFile();
} }
// @endif // @endif
// Fullscreen event for web and app
document.addEventListener('keydown', this.handleKeyDown);
} }
// @if TARGET='app' // @if TARGET='app'