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

Disable video Picture-in-Picture for stickers and gifs (#1981)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-08-05 19:23:30 +02:00
parent 0b3db96ea2
commit 49e7c15b2e
12 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/common/Avatar.tsx
View File

@ -151,6 +151,7 @@ const Avatar: FC<OwnProps> = ({
className={buildClassName(cn.media, 'avatar-media', transitionClassNames)}
muted
autoPlay
disablePictureInPicture
loop={!noLoop}
playsInline
/>

1
src/components/common/GifButton.tsx
View File

@ -182,6 +182,7 @@ const GifButton: FC<OwnProps> = ({
autoPlay
loop
muted
disablePictureInPicture
playsInline
preload="none"
// eslint-disable-next-line react/jsx-props-no-spreading

1
src/components/common/ProfilePhoto.tsx
View File

@ -107,6 +107,7 @@ const ProfilePhoto: FC<OwnProps> = ({
src={imageSrc}
className="avatar-media"
muted
disablePictureInPicture
autoPlay={!notActive}
loop
playsInline

1
src/components/common/StickerButton.tsx
View File

@ -272,6 +272,7 @@ const StickerButton = <T extends number | ApiSticker | ApiBotInlineMediaResult |
autoPlay={canVideoPlay}
loop
playsInline
disablePictureInPicture
muted
/>
)}

1
src/components/main/premium/previews/PremiumFeaturePreviewVideo.tsx
View File

@ -50,6 +50,7 @@ const PremiumFeaturePreviewVideo: FC<OwnProps> = ({
)}
src={mediaData}
autoPlay
disablePictureInPicture
playsInline
muted
loop

1
src/components/middle/MessageList.tsx
View File

@ -563,6 +563,7 @@ const MessageList: FC<OwnProps & StateProps> = ({
src={botInfoGifUrl}
loop
autoPlay
disablePictureInPicture
muted
playsInline
/>

2
src/components/middle/composer/AttachmentModal.tsx
View File

@ -264,7 +264,7 @@ const AttachmentModal: FC<OwnProps> = ({
{renderingAttachments.map((attachment) => (
attachment.mimeType.startsWith('image/')
? <img src={attachment.blobUrl} alt="" />
: <video src={attachment.blobUrl} autoPlay muted loop />
: <video src={attachment.blobUrl} autoPlay muted loop disablePictureInPicture />
))}
</div>
) : (

2
src/components/middle/composer/StickerSetCover.tsx
View File

@ -34,7 +34,7 @@ const StickerSetCover: FC<OwnProps> = ({ stickerSet, observeIntersection }) => {
<div ref={ref} className="sticker-set-cover">
{firstLetters}
{isVideo ? (
<video src={mediaData} className={transitionClassNames} loop autoPlay />
<video src={mediaData} className={transitionClassNames} loop autoPlay disablePictureInPicture />
) : (
<img src={mediaData} className={transitionClassNames} alt="" />
)}

1
src/components/middle/message/Game.tsx
View File

@ -68,6 +68,7 @@ const Game: FC<OwnProps> = ({
className="preview-content"
playsInline
muted
disablePictureInPicture
autoPlay
loop
src={videoBlobUrl}

1
src/components/middle/message/RoundVideo.tsx
View File

@ -218,6 +218,7 @@ const RoundVideo: FC<OwnProps> = ({
width={ROUND_VIDEO_DIMENSIONS_PX}
height={ROUND_VIDEO_DIMENSIONS_PX}
autoPlay
disablePictureInPicture
muted={!isActivated}
loop={!isActivated}
playsInline

1
src/components/middle/message/Sticker.tsx
View File

@ -167,6 +167,7 @@ const Sticker: FC<OwnProps> = ({
height={height}
autoPlay={shouldPlay}
playsInline
disablePictureInPicture
loop={shouldLoop}
muted
/>

2
src/index.html
View File

@ -44,7 +44,7 @@
<body>
<noscript>
<video src="./nojs.mp4" class="nojs-video" muted loop autoplay playsinline></video>
<video src="./nojs.mp4" class="nojs-video" muted loop autoplay playsinline disablePictureInPicture></video>
<h1>Telegram Web</h1>
<p>Please, enable JavaScript to open the app.</p>
</noscript>