ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Media Viewer: Fix multiple videos starting by pressing <Space> key (#1766)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-03-19 21:19:22 +01:00
parent d05fecddf4
commit 6d7727cccf
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/mediaViewer/VideoPlayer.tsx
View File

@ -130,6 +130,7 @@ const VideoPlayer: FC<OwnProps> = ({
}, []); }, []);
useEffect(() => { useEffect(() => {
if (!isMediaViewerOpen) return;
const togglePayingStateBySpace = (e: KeyboardEvent) => { const togglePayingStateBySpace = (e: KeyboardEvent) => {
if (e.key === 'Enter' || e.key === ' ') { if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault(); e.preventDefault();
@ -142,7 +143,7 @@ const VideoPlayer: FC<OwnProps> = ({
return () => { return () => {
document.removeEventListener('keydown', togglePayingStateBySpace, false); document.removeEventListener('keydown', togglePayingStateBySpace, false);
}; };
}, [togglePlayState]); }, [togglePlayState, isMediaViewerOpen]);
const wrapperStyle = posterSize && `width: ${posterSize.width}px; height: ${posterSize.height}px`; const wrapperStyle = posterSize && `width: ${posterSize.width}px; height: ${posterSize.height}px`;
const videoStyle = `background-image: url(${posterData})`; const videoStyle = `background-image: url(${posterData})`;