Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-19 13:52:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

enter fullscreen on db click

Browse source
This commit is contained in:
nklhrstv 2020-03-14 11:38:02 +02:00
parent 8014c1c969
commit 2a48f8d6f8
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/routes/Player/Player.js
View file

@ -3,7 +3,7 @@ const PropTypes = require('prop-types');
const classnames = require('classnames');
const debounce = require('lodash.debounce');
const { useRouteFocused } = require('stremio-router');
const { HorizontalNavBar, useDeepEqualEffect, useBinaryState } = require('stremio/common');
const { HorizontalNavBar, useDeepEqualEffect, useFullscreen, useBinaryState } = require('stremio/common');
const BufferingLoader = require('./BufferingLoader');
const ControlBar = require('./ControlBar');
const SubtitlesPicker = require('./SubtitlesPicker');
@ -33,6 +33,7 @@ const Player = ({ urlParams }) => {
const player = usePlayer(urlParams);
const [subtitlesSettings, updateSubtitlesSettings] = useSubtitlesSettings();
const routeFocused = useRouteFocused();
const [fullscreen, requestFullscreen, exitFullscreen] = useFullscreen();
const [immersed, setImmersed] = React.useState(true);
const setImmersedDebounced = React.useCallback(debounce(setImmersed, 3000), []);
const [subtitlesPickerOpen, , closeSubtitlesPicker, toggleSubtitlesPicker] = useBinaryState(false);
@ -230,7 +231,11 @@ const Player = ({ urlParams }) => {
onPropChanged={onPropChanged}
onImplementationChanged={onImplementationChanged}
/>
<div className={styles['layer']} onClick={onVideoClick} />
<div
className={styles['layer']}
onClick={onVideoClick}
onDoubleClick={fullscreen ? exitFullscreen : requestFullscreen}
/>
{
videoState.buffering ?
<BufferingLoader className={styles['layer']} />